div 요소가 한줄에 3개밖에 안됩니다
본문
사이트 주소는 http://koreahanbok.or.kr/ 입니다
원래3줄이었는데, 회원소개를 제가 index에서 추가시켰습니다.
그런데 4개가 1줄로 자동으로 안되고 3개에 +1줄이 생겨서 4개가 되더라구요.
저 부분을 그냥 4개짜리 한줄로 바꾸고 싶은데 어떻게 해야할까요?
저부분의 소스는
<div class="article article3">
<div class="article-tit">
<h3>협회소개</h3>
<p>코리아한복모델협회의 다양한 정보를 알아보세요.</p>
</div>
<div class="container">
<div class="article-menu">
<ul class="clearfix">
<li>
<a href="/sub/ass/ass1.html">
<div class="article-icon-box">
<img src="/img/article-icon1.png" alt="">
</div>
<div class="article-menu-txt">
<p><em>News</em></p>
<p>협회소개</p>
</div>
</a>
</li>
<li>
<a href="/sub/ass/ass2.html">
<div class="article-icon-box">
<img src="/img/article-icon2.png" alt="">
</div>
<div class="article-menu-txt">
<p><em>Organization</em></p>
<p>협회 조직도</p>
</div>
</a>
</li>
<li>
<a href="/sub/ass/ass3.html">
<div class="article-icon-box">
<img src="/img/article-icon3.png" alt="">
</div>
<div class="article-menu-txt">
<p><em>Executives</em></p>
<p>설립목적</p>
</div>
</a>
</li>
<li>
<a href="http://koreahanbok.or.kr/gb/bbs/board.php?bo_table=member">
<div class="article-icon-box">
<img src="/img/article-icon4.png" alt="">
</div>
<div class="article-menu-txt">
<p><em>Members</em></p>
<p>회원 소개</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
입니다. css를 건들어야 할까요?