Итак, я имитирую раскладку таблицы с div, и в нее входит пара. Я хотел бы, чтобы диапазон справа отступал от любого текста, который обертывается. Я пробовал несколько вещей и не могу заставить его работать. Любая помощь будет оценена.
jsFiddle: http://jsfiddle.net/2Wbuv/
HTML
<div class="display-element">
<span class="display-label">Field 1</span>
<span class="display-field">This is my string of data, some times it is pretty long. Sometimes it is not. This one is.</span>
</div>
<div class="display-element">
<span class="display-label">Field 2</span>
<span class="display-field">This is another string of data.</span>
</div>
CSS
.display-element {}
.display-label {display: inline-block;
width: 100px;
padding-left: 5px;}
.display-field {display: inline;}