Warum schwebt mein Bild auch nach der Verwendung von clear: beides?

Question

Das Bild mit der Klasse call-img soll nicht schweben, da ich clear:both dafür benutzt habe. Aber es tut es immer noch.

HTML:

<header> 
    <img class="logo-img" src="images/logo.png"> 
    <div class="topnav-link"> 
     <span>Menu&nbsp;&nbsp;&nbsp;&nbsp;</span> 
     <img class="menu-img" src="images/menu.png"> 
    </div> 
    <img class="call-img" src="images/call.png"> 
</header> 

CSS:

header { 
    padding-top: 2.5em; 
} 
.logo-img { 
    float: left; 
    width: 130px; 
} 
.menu-img { 
    width: 20px; 
} 
.topnav-link { 
    float: right; 
    color: white; 
    font-size: .8em; 
} 
.menu-img, 
.topnav-link span { 
    vertical-align: middle; 
} 
.call-img { 
    display: inline-block; 
    clear: both; 
    align: center; 
} 

Answer 1

Änderung CSS

.call-img { 
    display: block; 
    clear: both; 
    text-align: center; 
}