HTML5 CSS3 소스평가좀해주세요. ㅎㅎ

퍼플리싱은 잘 모르겠고

<div class="line3_latest_center">
<div class="line3_latest_title">
<a href="#"><span>게시판명이 출력될 부분입니다.</span></a>
</div>
<div class="line3_latest_list">
<ol>
<li><a href="#"><span>게시글제목1</span></a></li>
<li><a href="#"><span>게시글제목2</span></a></li>
<li><a href="#"><span>게시글제목3</span></a></li>
</ol>
</div>
</div>


// 이런식은 어떨까요
<div class="line3_latest_center">
<div class="line3_latest_title"><a href="#">게시판명이 출력될 부분입니다.</a></div>
<ol class="line3_latest_list">
<li><a href="#"><span>게시글제목1</span></a></li>
<li><a href="#"><span>게시글제목2</span></a></li>
<li><a href="#"><span>게시글제목3</span></a></li>
</ol>
</div>


// 더 줄인다면 뭐 이런식으로도 가능하겠네요.
<ol class="line3_latest_center">
<li class="title3"><a href="#">게시판명이 출력될 부분입니다.</a></li>
<li><a href="#">게시글제목1</a></li>
<li><a href="#">게시글제목2</a></li>
<li><a href="#">게시글제목3</a></li>
</ol>

&nbsp;&nbsp;&nbsp; 보단 block 형태로 padding 값 주는 것도 괜찮을 것 같네요.

ps. 불편하진 않은데 효성 롤링배너에 첫번째로 돌아갈때 바로 쭈루룩 올라가는거 보다 바로 다음 나오는 식으로 위로 돌아가면 좀 좋지않을까 합니다.

ㅋㅋㅋ !! 귀차니즘이.. ㅎㅎ

저희는 보통 이렇게 쓰는 편입니다.. ㅎㅎ;

<style type="text/css">
.latest {}
.latest ul {}
.latest ul li {}
.latest ul li .date
.latest .more {}
</style>

<div class="latest">
<h2>게시판이름</h2>
<ul>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
</ul>
<a href="#" class="more">더보기</a>
</div>