페이징 테스트

<div id="page">

<p class="pg"><a href="#"><img src="../images/page_left.gif" alt="" />이전</a></p>

<p><span>1</span> | <a href="#">2</a> | <a href="#">3</a> | <a href="#">4</a> | <a href="#">5</a> | <a href="#">6</a> | <a href="#">7</a> | <a href="#">8</a> | <a href="#">9</a> | <a href="#">10</a></p>

<p class="pg"><a href="#">다음<img src="../images/page_right.gif" alt="" /></a></p>

</div>

<div id="search">

<p>

<select class="selbox">

<option>제목</option>

<option>내용</option>

<option>작성자</option>

</select>

</p>

<p><input type="text" class="txtbox2 htxt"  /></p>

<p><input type="image" src="../images/btn_bbs_search.jpg" alt="" /></p>

</div>

/* paging, search */

#page { padding:25px 0 20px 205px; font-size:11px; }

#page:after {content:" "; display:block; clear:both;}

#page a { color:#808080; padding:0 2px; }

#page p { float:left; }

#page span { color:#ebebeb; font-weight:bold; }

#page p.pg { width:50px;  vertical-align:middle; text-align:center; }

#search { padding:0 0 45px 210px; font-size:12px; color:#1c1c1c; }

#search:after {content:" "; display:block; clear:both;}

#search p { float:left; }

#search .htxt { width:145px; margin-right:4px; }