У меня есть изображение, которое у меня отображается на верхней части веб-страницы. Теперь я хочу показать один значок кнопки меню рядом с изображением, но я не могу это сделать. Кнопка "Мень" идет вниз в следующей строке.
Вот HTML.
<img src="images/hotelAwadh.png" alt="logo" width="150" height="50">
<div id="result_data"></div>
Как отобразить <div id="result_data"></div>
рядом с img
.
Пожалуйста, помогите мне..
Использование:
float:left;
Как на вашем изображении, так и на div
div
является блочным элементом и по умолчанию занимает 100% ширину. img
является встроенным элементом по умолчанию и занимает очень специфическую ширину/высоту. то, что вам нужно сделать, это перезаписать их поведение по умолчанию с display:inline
и display:block
img {float:left;display:block}
div#result_data {float:left;display:inline;}