I have developed book index store in which I'mm storing books, index and tags.

我开发了书籍索引商店,其中存放书籍,索引和标签。

I have done everything data display query and other basic functionality now I want to create CSS structure that behave like original page index.

我已经完成了所有数据显示查询和其他基本功能,现在我想创建行为像原始页面索引的CSS结构。

I m attaching one snapshot for reference.

我附上一个快照供参考。

Do you guys have any idea that how to create such data display using HTML5 and CSS.

你们有没有想过如何使用HTML5和CSS创建这样的数据显示。

Edit

Below is the HTML i have tried but don't know how to add css for that.

下面是我尝试过的HTML,但不知道如何添加css。

 - A - 

Adding

Tyler Cherry
 42 (This is the third index i have added to see if its working.)
Caldwell Atkinson
 42 (This is the third index i have added to see if its working.)


Apples

Asher Hooper
 12 (health is wealth), 25 (second indexes edited)
ABC
 12 (health is wealth)
Baker Watts
 12 (health is wealth)
 
 - E - 

Eight

Asher Hooper
 25 (second indexes edited)
 
 - F - 

Farming

Asher Hooper
 12 (health is wealth), 25 (second indexes edited)
ABC
 12 (health is wealth)
Baker Watts
 12 (health is wealth)
 
 - H - 

Happy Coding

Asher Hooper
 12 (health is wealth)
ABC
 12 (health is wealth)
Baker Watts
 12 (health is wealth)


Health

Asher Hooper
 12 (health is wealth)
ABC
 12 (health is wealth)
Baker Watts
 12 (health is wealth)
Tyler Cherry
 42 (This is the third index i have added to see if its working.)
Caldwell Atkinson
 42 (This is the third index i have added to see if its working.)
 
 - L - 

Law Of Attraction

Asher Hooper
 12 (health is wealth), 25 (second indexes edited)
ABC
 12 (health is wealth)
Baker Watts
 12 (health is wealth)
 
 - P - 

Passion

Asher Hooper
 12 (health is wealth), 25 (second indexes edited)
ABC
 12 (health is wealth)
Baker Watts
 12 (health is wealth)
 
 - S - 

Seven

Asher Hooper
 25 (second indexes edited)


Success

Asher Hooper
 25 (second indexes edited)
 
 - U - 

User

Asher Hooper
 25 (second indexes edited)
 

1 个解决方案

Index

  
A
 

  
accordion,layouts
  
about 128
  
movie form,adding 131
  
nesting, in tab 128,129
  
  

    
Adapters, Ext.
    
about 18
    
using 18, 20