我给左浮动到这个div,但它不是向左移动到它上面的div .....浮球不工作的div
的欢迎和邮件ID应该是邻近公司的标志DIV ....
每格应水平排列
<div style="float: left;">
<p>welcome xyz! [email protected]</p>
</div>
providing my code below
<div style="
display: inline-block;
">
<a class="brand" href="<?= HOME_URL ;?>" style="">
Company LOGO
</a>
</div>
<div style="clear: left;">
<p>47657 Lakeview Blvd</p>
<p>Fremont CA 94538</p>
<p>510-657-8981</p>
</div>
<div style="float: left;">
<p>welcome xyz! [email protected]</p>
</div>
<div class="inline" style="padding-top: 12px;">
<ul class="homePageLists" style="">
<li style="padding-bottom: 5px; list-style: none; color: #333;">
<a style="color: #333;" href="http://www.w3schools.com/" target="_blank">
<img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_menu.png">
Menu
</a>
</li>
<li style="padding-bottom: 5px; list-style: none; color: #; ">
<a style="color: #653921;" href="http://www.w3schools.com/" target="_blank">
<img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">
Inventory
</a>
</li>
<li style="padding-bottom: 5px; list-style: none; color: #653921; ">
<a style="color: #653921;" href="http://www.w3schools.com/" target="_blank">
<img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">
BOM List
</a>
</li>
<li style="padding-bottom: 5px; list-style: none; color: #653921; ">
<a style="color: #653921;" href="http://www.w3schools.com/" target="_blank">
<img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_inventory.png">
Sub BOM List
</a>
</li>
<li style="padding-bottom: 5px; list-style: none; color: #9e1c20; ">
<a style="color: #9e1c20;" href="http://www.w3schools.com/" target="_blank">
<img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_product.png">
Product
</a>
</li>
<li style="padding-bottom: 5px; list-style: none; color: #ff5100; ">
<a style="color: #ff5100;" href="http://www.w3schools.com/" target="_blank">
<img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_customer.png">
Customer List
</a>
</li>
<li style="padding-bottom: 5px; list-style: none; color: #184179;">
<a style="color: #ff5100;" href="http://www.w3schools.com/" target="_blank">
<img alt="squareList" style="margin-right: 10px;" id="logo" src="http://intra.defie.co/images/cube_vender.png">
Vendor List
</a>
</li>
</ul>
</div><!--/.nav-collapse -->
你能更清楚?你能说出的div和安排?将样式放在jsfiddle中给出的CSS部分中。 – arjuncc 2013-02-12 04:42:05
可能是预期产出的粗略数字? – arjuncc 2013-02-12 04:51:26