отступов ввода текста в той же строке, что и выше

Question

demo

У меня есть следующий HTML ...

<div> 
<input type="radio" value="some value">some text here<br /> 
<input type="radio" value="some value">some text here and long<br /> 
</div> 

DIV имеет ширину 110 пикселей. когда какой-то текст идет ниже, он должен быть в той же строке, как это.

o some text 
o some text 
    and logn 

Answer 1

Это можно сделать, добавив несколько CSS в код.

HTML:

<div> 
    <input type="radio" value="some value" /> 
    <label>some text here</label> 
    <br /> 
    <input type="radio" value="some value" /> 
    <label>some text here and long</label> 
    <br /> 
</div> 

CSS:

div { 
    width: 110px; 
} 
input[type="radio"] { 
    float: left; 
} 
label { 
    float: left; 
    width: 80%; 
} 

Проверить это JSFiddle

Answer 2

Попробуйте положить его на столах, как это:

<div style="width: 110px;"> 
    <table> 
     <tr> 
      <td><input type="radio" value="some value"></td> 
      <td>some text here</td> 
     </tr> 
     <tr> 
      <td><input type="radio" value="some value"></td> 
      <td>some text here and long</td> 
     </tr> 
    </table> 
</div> 

Answer 3

Это кажется единственным возможным решением для меня.

Demo

div{ 
    width: 110px; 
    position:relative; 
    margin-left: 15px; 
} 
input[type="radio"]{ 
    position:absolute; 
    left: -20px; 
} 

или

Demo

div{ 
    width: 110px; 
    position:relative; 
    padding-left: 20px; 
} 
input[type="radio"]{ 
    position:absolute; 
    left: 0; 
}