css定位问题
<div     class= "wrapperElement ">
  <div       class= "imageElement "     onMouseover= "rattleimage(this) "   onMouseout= "stoprattle(this) "> <img   src= "img/harddisk.jpg "onClick= "secBoard( 'show   your     harddisk ', 'img/showharddisk.jpg ', 'your   options   text ') "/>
                  </div>
   
                    <div   class= "scrollIconText "> 这里是文字 </div>
        </div>
我想让文字在图片下边排，该怎么写这个css?
#icon-modules-div   .wrapperElement   {
DISPLAY:   block;   BORDER-TOP-STYLE:   none;   BORDER-RIGHT-STYLE:   none;   BORDER-LEFT-STYLE:   none;   POSITION:   absolute;   HEIGHT:   100%;   TEXT-ALIGN:   center;   BORDER-BOTTOM-STYLE:   none
}
#icon-modules-div   .imageElement   {
LEFT:   15px;   WIDTH:   50px;   BORDER-TOP-STYLE:   none;   BORDER-RIGHT-STYLE:   none;   BORDER-LEFT-STYLE:   none;   POSITION:   absolute;   HEIGHT:   35px;   BORDER-BOTTOM-STYLE:   none
}
其他两个写了，   差文字这个
是很多图片，每个图片下都有文字说明，

------解决方案--------------------
没有看懂什么意思。
你现在的文字不是在图片下面的吗？
------解决方案--------------------
好像发过

这样得吗
<style type= "text/css ">
.style1 {
vertical-align: text-top;
}
</style>
<img src= "file:///E:/web/main_r8_c15.png " width= "432 " height= "103 " class= "style1 " /> 上止上上上上上上上 </td>
------解决方案--------------------
<style type= "text/css ">
ul {margin:0; padding:0; float:left;}
ul li {margin-left:5px; text-align:center; float:left;}
ul li p {margin:5px 0;}
</style>
<ul>
<li> <img src= "aaa.jpg " /> <p> 说明 </p> </li>
<li> <img src= "aaa.jpg " /> <p> 说明 </p> </li>
</ul>