Верстка на DIV

<div style="width: 500px;">
<div style="float: left; width: 100px;">
<label class="optional" for="draft">Status</label>
</div>
<div style="float: left;">
<select id="draft" name="draft">
<option label="Published" value="0">Published</option>
<option label="Save" value="1">Save</option>
</select>
<span style="">
<p class="description">description description description description description description description description description description description description </p>
</span>
</div>
</div>

проблема в том что текст во втором блоке, выходит слишком широкий, изза этого происходит перенос дива на следующую строку, как этого можно избежать?

Примечание:
А без фиксированной ширины реально такое реализовать?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.