게시판 리스트

앞에 점 이미지를 붙였을때 틀어지지 않고 제작하는 방법

ie 6 /7 /8 전부 적용됨

앞 내용에 span값을 주고 뒤에 날짜에 span값을 준다..

float는 앞span과 뒤span을 다 주어야 틀어지지 않는다..

/style

.bodList { clear:both; padding-top:10px; }
.bodList li { background:url(../images/bul_dot.gif) left center no-repeat; line-height:21px; padding-left:9px; }
.bodList li span { font-size:11px; }
.bodList li span.left { float:left;}
.bodList li span.right  { float:right; }

/html
<ul class="bodList">
     <li>
      <span class="left">완화의료 건강보험수가 2차</span>
      <span class="right">2011.08.19</span>
     </li>
     <li>
      <span class="left">향정신성 약물 일반원칙</span>
      <span class="right">2011.08.19</span>
     </li>
     <li>
      <span class="left">과제 연구원 채용 공고</span>
      <span class="right">2011.08.19</span>
     </li>
     <li>
      <span class="left">종합병원급이상 요양기관종사자</span>
      <span class="right">2011.08.19</span>
     </li>
    </ul>