Я пытаюсь создать базовую строку заголовка div, которая содержит h1 и список выбора.Я хочу, чтобы список выбора находился в крайнем правом углу div, но его плавный вывод не работает.У кого-нибудь есть какие-либо идеи?Код очень прост, но не видит, в чем ошибка.Спасибо!
<style type="text/css">
#select {
float: right;
}
h1 {
display: inline;
}
#titleBar {
width: 800px;
}
</style>
<body>
<div id="titleBar"><h1>Select Your Car </h1>
<select name="categories">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
Вот ссылка на jsfiddle: http://jsfiddle.net/qhvDG/1/