Размещение меню рядом с изображением в HTML и CSS

0

У меня есть изображение, которое у меня отображается на верхней части веб-страницы. Теперь я хочу показать один значок кнопки меню рядом с изображением, но я не могу это сделать. Кнопка "Мень" идет вниз в следующей строке.

Вот HTML.

  <img src="images/hotelAwadh.png" alt="logo" width="150" height="50">
  <div id="result_data"></div>

Как отобразить <div id="result_data"></div> рядом с img.

Пожалуйста, помогите мне..

  • 0
    Вы должны прочитать руководство по CSS где-нибудь. Это действительно слишком просто, чтобы просить ...
Теги:

2 ответа

3
Лучший ответ

Использование:

float:left;

Как на вашем изображении, так и на div

Поделиться
  • 0
    да, ты был быстрее меня;)
  • 0
    @emisfera Почему изображение упало?
Показать ещё 4 комментария
0

div является блочным элементом и по умолчанию занимает 100% ширину. img является встроенным элементом по умолчанию и занимает очень специфическую ширину/высоту. то, что вам нужно сделать, это перезаписать их поведение по умолчанию с display:inline и display:block

img {float:left;display:block}
div#result_data {float:left;display:inline;}

http://jsfiddle.net/v2N7v/

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню