Find knowledge base article(s) by searching for keywords in the title e.g. type linux in the search box below
Find knowledge base article(s) by browsing the subject categories of articles
Technology quick references, cheatsheets, user manuals etc.
Shop Online through ShopifyLite
Tutorials on various IT applications.
Search Title    (UL:0 |SS:f)

Web >> Design >> CSS >> How to split a div into 2 columns like a table row with 2 columns

CSS:

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }

HTML:

<div style="border-right: #333 1px solid; padding-right: 0px; border-top: #333 1px solid; padding-left: 0px; padding-bottom: 0px; margin: 0px auto; border-left: #333 1px solid; width: 90%; padding-top: 0px; border-bottom: #333 1px solid; background-color: #666">

<div class="spacer">&nbsp;</div>
<div class="row">
<span class="left"> Home&nbsp;&gt;&nbsp;Products</span>
<span class="right"> [logo]</span></div> <div class="spacer">&nbsp;
</div>
</div>

[ © 2008-2021 myfaqbase.com - A property of WPDC Consulting ]