title: place input checkbox in same line of label
body: <p>i am struggling to place input check-box in same line x-horizontal as in label. My check-box is placing in 2nd line. I have a div with background to image then label and then check-box. The margin between image and label div and margin between label and check need to be same. Many thanks in advance.</p>
  
  <pre><code>&lt;div id="map_Marker_Check_Block"&gt;
   &lt;div class="markerDiv"  id="maker_school"&gt;&lt;div class="marker_label"&gt;School&lt;/div&gt; &lt;input class="marker_ckeckbox" name="markerType" value="school" type="checkbox"  /&gt; &lt;/div&gt; &lt;br /&gt;
   &lt;div class="markerDiv"  id="maker_gym"&gt; &lt;div class="marker_label"&gt;Gym&lt;/div&gt; &lt;input class="marker_ckeckbox" name="markerType" value="gym" type="checkbox" /&gt; &lt;/div&gt;&lt;br /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>css</h2>
  
  <pre><code>#map_Marker_Check_Block {
  background-color:yellow;
  display:block;
  position:absolute;
  width:20em;
  height:400px;
  top:0;
  right:0;
  z-index:10;
  overflow-y:auto;
  }
  
  .marker_label {
  margin-left:50px;
  line-height:48px;
  width:130px;
  background-color:green;
  }
  
  .marker_ckeckbox {   
  float:right; 
  }
  
  .markerDiv {
  width:19em;
  height:48px;
  margin-left:5px;
  }
  
  #maker_school {  background: url("img1.png") no-repeat; }
  
  #maker_gym{   background: url("img2.png") no-repeat;   }
  </code></pre>