Я пытаюсь получить <head>
и <head>
для выравнивания по горизонтали. Я пробовал использовать .header_nav { float:left; clear:both; }
, но он, похоже, не работает.Не удается получить два divs для горизонтального выравнивания
Вы можете проверить реальную страницу в http://www.bolistylus.com
Спасибо за вашу помощь!
<header id="branding" role="banner">
<div class="header_nav">
<div class="head">
<hgroup>
<h1 id="site-title"><a href="/"><img class="title-image" title="Boli Stylus" src="http://www.bolistylus.com/wp-content/uploads/boli-logoLimeBlack.png" alt="stylus for iPad"/></a></h1>
<h2 id="site-description"></h2>
</hgroup>
</div>
<div class="head">
<ul>
<li><a href="/shop">SHOP</a></li>
<li><a href="/about-us">ABOUT US</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="/cart">YOUR CART</a></li>
</ul>
</div>
</div>
</header><!-- #branding -->
Вот CSS для вещей внутри:
.header_nav ul {
margin: 0;
padding: 0;
text-align: center;
width: 400px;
}
#branding img {
height: auto;
margin-bottom: -30px;
width: 34%;
}
.header_nav {
background: none repeat scroll 0 0 #F3F3F3;
float: left;
}
'
' и ''? Вы имеете в виду '.head' и' .head'? – Sparkyесть ............... – novicePrgrmr