HTML5/CSS DIV가 가로로 정렬되지 않습니까?

DIV가 올바르게 수평 정렬되지만 두 번째 div가 첫 번째 div 아래에 끝나는 몇 가지 이상한 이유로 인해이 작업을 수행하는 데 문제가 있습니다. 어떤 도움이라도 대단히 감사하겠습니다.HTML5/CSS DIV가 가로로 정렬되지 않습니까?

HTML :

<footer> 
    <div class="inner"> 
    <section id="footer-copyright" class="clear left"> 
    <ul> 
    <li>© 2013 
    <a href="/">Company</a> 
    | 
    <a href="sitemap.html">Sitemap</a> 
    | 
    <a href="privacy.html">Privacy Policy</a> 
    </li> 
    </ul> 
    </section> 
    <section class="footer-box clear right"> 
    <ul> 
    <li>Design by <a href="/" target="new">Template</a></li> 
    </ul> 
    </section> 
    </div> 
</footer>

CSS :

footer .inner { 
    padding-top: 50px; 
} 

#footer-copyright { 
    display: block; 
    padding-top: 35px; 
    width:50%; 
} 

#footer-box { 
    display: block; 
    padding-top: 35px; 
} 

footer ul { 
    color: #FFFFFF; 
    list-style: none outside none; 
    padding: 10px 0; 
} 

.inner { 
    margin: 0 auto; 
    position: relative; 
    width: 1000px; 
} 

.clear { 
    clear: both; 
    display: block; 
} 

.right, .alignright { 
    float: right; 
} 

.left { 
    float:left; 
}

어쩌면 난 그냥

당신은 일 연결 here

출처

2013-01-21 Adam Huddleston