[HTML code snippet] Text and text + title (up and down)

I don't know how to insert the HTML that can be run, so I can't see the effect.
Send the HTML of the most common image + title (up and down) ResultsCode. It is already the most concise and compatible.
After a long time in HTML, we find that all work is repetitive. An important factor in improving work efficiency is code reuse. Modular.

Sort it out later. At that time, the page will be copied and pasted in large blocks. Think about it :)

 Code 

   <  Style  Type  = "Text/CSS"  >  
<! --
Body, TD, th  { 
Font-size  :  12px  ;  
Color  :  #4d6185  ;  
  }  
*  { Margin  :  0  ;  Padding  :  0  ;  Border  :  0  ; List-style  :  None  }  
. Img_list  {  Width  :  300px  }  
. Img_list ul Li  { Float  :  Left  ;  Width  :  80px  ;  Text-align  :  Center  ; Height  :  100px  ;  Overflow  :  Hidden  }  
. Img_list ul Li img  {  Display  : Block  ;  Margin  :  5px auto  ;  Border  :  1px solid # ccc  ;  Padding  : 2px  ;  }  
. Img_list ul Li  {     }  
. Img_list ul Li A: hover  {  Color  : # Cc0000  }  
. Img_list ul Li A: hover img  {  Border  :  1px solid #333  ;  Background  :  #333 }  

-->
  </  Style  >  

  <  Div  Class  = "Img_list"  >  
  <  Ul  >  
 <  Li  > <  A  Target  = "_ Blank"  Href  = ""  > <  IMG  Width  = "46"  Height  = "46"  Border  = "0"  ALT = "Wonderful moments"  SRC  = "Http://image.dili360.com/my/html/index/7_1331670_20081020112317.jpg"  />  
Wonderful  </  A  > </  Li  >  
  <  Li  > <  A  Target = "_ Blank"  Href  = ""  > <  IMG  Width  = "46"  Height  = "46"  Border  = "0"  ALT  = "Wonderful moments"  SRC  = "Http://image.dili360.com/my/html/index/7_1331670_20081020112317.jpg"  /> 
Wonderful  </  A  > </  Li  >  
  <  Li  > <  A  Target  = "_ Blank"  Href  = ""  > <  IMG Width  = "46"  Height  = "46"  Border  = "0"  ALT  = "Wonderful moments"  SRC  = "Http://image.dili360.com/my/html/index/7_1331670_20081020112317.jpg"  />  
Wonderful  </  A  > </  Li >  
  <  Li  > <  A  Target  = "_ Blank"  Href  = ""  > <  IMG  Width  = "46"  Height  = "46"  Border = "0"  ALT  = "Wonderful moments"  SRC  = "Http://image.dili360.com/my/html/index/7_1331670_20081020112317.jpg"  />  
Wonderful  </  A  > </  Li  >  
  <  Li  > < A  Target  = "_ Blank"  Href  = ""  > <  IMG  Width  = "46"  Height  = "46"  Border  = "0"  ALT  = "Wonderful moments"  SRC = "Http://image.dili360.com/my/html/index/7_1331670_20081020112317.jpg"  />  
Wonderful  </  A  > </  Li  >  
  <  Li  > <  A  Target  = "_ Blank"  Href = ""  > <  IMG  Width  = "46"  Height  = "46"  Border  = "0"  ALT  = "Wonderful moments"  SRC  = "Http://image.dili360.com/my/html/index/7_1331670_20081020112317.jpg"  />  
Wonderful  </ A  > </  Li  >  
  </  Ul  >  
  </  Div  >