로고가 헤더에서 왼쪽으로 떠 있지 않습니까?

Question

헤더의 왼쪽에 로고를 띄우기 위해 노력하고 있지만 왼쪽으로 전혀 뜨지 않습니다. 내가 CSS를 처음 접한 이래로 누군가 내 실수를 지적 할 수 있다면 정말 고맙겠습니다. 여기

<div id="navigation"> 
    <div class="center_navigation"> 
     <a href="contact.php">Contact</a> 
     <a href="buy-instagram-followers.php">Instagram Followers</a> 
     <a href="buy-instagram-photo-likes.php">Instagram Photo Likes</a> 
     <a href="index.php"><img src="img/logo.png" /></a> 
    </div> 
</div> 

내 CSS 코드 : 여기

http://cashski.com/ 내 HTML 코드입니다 : 라이브 내 문제를보고 싶은 경우

이 내 웹 사이트입니다

body { 
    padding: 0px; 
    margin: 0px; 
    font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
} 
#navigation{ 
    width: 100%; 
    height: 50px; 
    margin: 0px auto; 
    position: relative; 
    background-color: #2d5b89; 
    border-bottom: 1px solid #244a75; 
} 
.center_navigation { 
    width: 960px; 
    height: 50px; 
    margin:0px auto; 
    font-size: 16px; 
} 
.center_navigation a { 
    padding: 10px 0 10px 30px; 
    float: right; 
    margin-top: 4px; 
    color: #babcc5; 
    text-decoration: none; 
} 
.center_navigation a:hover { 
    color: white; 
} 
.center_navigation a img { 
    float: left; 
} 

Answer 1

문제는 모두 anchor입니다. 태그는 float:right이고 이미지는 anchor 태그 안에 있으므로 img float:left을 만들면 변경되지 않습니다. 많이.

이미지의 컨테이너에 스타일을 넣어야합니다. 같은 앵커 태그이

<a href="index.php" style="float: left;"> 
    <img src="img/logo.png"> 
</a> 

또는 이미지가 마지막 앵커 태그에 항상 있다면 당신은이

.center_navigation a:last-child{ 
    float: left; 
} 

Js Fiddle Demo