Simple table structure with div

by ravimallya

HTML

<div class="outer-tr">
    <div class="left"><span>Lorem Ipsum:</span> </div>
    <div class="right"><p>adads ggfbf tweret rew we wewe wetr wewer wetr rew wewer tewr were tr ewr wer ggf gf ds fsdasdf afsdsdfsfdasfd </p></div>
</div>
<div class="outer-tr">
    <div class="left"><span>Lorem Ipsum:</span> </div>
    <div class="right"><p>adads ggfbf tweret rew we wewe wetr wewer wetr rew wewer tewr were tr ewr wer ggf gf ds fsdasdf afsdsdfsfdasfd </p></div>
</div>

CSS

.outer-tr {
     *zoom: 1;
    margin-bottom:12px;
}
.outer-tr:before,
.outer-tr:after {
  display: table;
  line-height: 0;
  content: "";
}
.outer-tr:after {
  clear: both;
}
.outer-tr .left {
    float:left;
    width:120px;
    text-align:right;
    display:inline-block; 
}
.outer-tr .right {
    margin-left:130px; 
    /* should be greater than or equal to the width of .left class */
    text-align:left; 
}
.outer-tr .right p {
    margin:0;
}