horizontal align html

horizontal align html

by litespeedtdf

HTML

<div id="deviceDetailsDialog" title="@Resources.SelfServiceDeviceDetails">
    <div id="deviceDetails">
        <div>
        
          <div> 
            <label class="label">First Name:</label>
            <div class="div">j</div>
          </div>
          
          <div> 
            <label class="label">Last Name:</label>
            <div class="div">abc</div>
          </div>
          
        </div>  
        <div style="clear:both;">
        <table>
        <tr>
          <td>1</td>
          <td>2</td>
          <td>3</td>
          <td>4</td>
        </tr>
        </table>
        </div>
    </div>    
</div>

CSS

.label {
    float: left;
    line-height: 18px;
    padding-top: 6px;
    padding-right: 2px;
    text-align: right;
    margin-bottom: 18px;
}
.div {
   float: left;
    line-height: 18px;
    padding-top: 6px;
    padding-right: 6px;
    text-align: right;
}

.line {
   // margin-bottom: 18px;
}