У меня есть логотип и дополнительное меню, которое я хотел бы отобразить в одной строке (логотип слева и меню справа).Ширина логотипа не определена, а ширина дополнительного меню составляет 200 пикселей.Когда я применяю следующий CSS, дополнительное меню помещается в строку под логотипом (но все еще в правой части страницы):
#logo {
padding-bottom: 40px;
}
.secondaryMenu {
width: 200px;
float: right;
margin-right: 0px;
padding-right: 2px;
color: black;
font-size: 9px;
letter-spacing: 1px;
text-align: right;
}
Вот соответствующая часть HTML:
<div id="logo">
<a href="index.html"> <img id="logoimg" border="0" alt="" src="images/logo.gif"/> </a>
</div>
<div class="secondaryMenu">
<a href="about.html">About</a> | <a href="services.html">Services</a> |
<a href="contactus.html">Contact Us</a>
</div>
Буду признателен за любые мысли о том, что я делаю неправильно.