CSS _ use css layout

From: http://blog.csdn.net/svitter

1. Create an HTML page with an unordered list containing at least five bestsellers. The project symbols before each book must use thumbnail of the overview cover. This information can be obtained from the Web. CSS layout is required.

Do not copy my code--to submit a job --.

Ex1.html:

      
       
 
 Best-selling Linux books
                
 
 
    
  
  
Laruence's Linux private kitchen Basics
        
  
  
Laruence's Linux private kitchen Server
        
  
  
Linux Command Line and shell script Programming
        
  
  
Linux O & M path
        
  
  
Linux/Unix programming manual
    
 
 
        

Book.css:

.diffentcolor{color:green;}#differcolor{color:green}body, td, div, .p, a {font-family: arial,sans-serif;}h1,h2{font-family:sans-serif;color:gray;}.author{by:svitter;}h1{border-bottom:1px solid black;border-bottom:1px;solid black;}div#container{width:500p}div#menu {width:150px;float:left;}div#content {float:left;}li#book1{list-style-image:url(pic/popularBook.jpg);}li#book2{list-style-image:url(pic/popularBook2.jpg);}li#book3{list-style-image:url(pic/popularBook3.jpg);}li#book4{list-style-image:url(pic/popularBook4.jpg);}li#book5{list-style-image:url(pic/popularBook5.jpg);}

You need to create your own PIC and insert the icon.

Simple Demonstration: