在html和css中放置图像旁边的菜单

时间:2014-05-09 12:18:24

标签: html css

我有一个显示在网页顶部的图像。现在我想在图像旁边显示一个菜单按钮ID,但我无法做到.Menu按钮在下一行显示.. < / p>

这是HTML ..

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

如何在<div id="result_data"></div>旁边显示img

请帮帮我..

2 个答案:

答案 0 :(得分:3)

使用:

float:left;

在你的形象和div上

答案 1 :(得分:0)

div是一个块元素,默认情况下它的宽度为100%。默认情况下,img是一个内联元素,它占用了非常特定的宽度/高度。您要做的是使用display:inlinedisplay:block

覆盖其默认行为
img {float:left;display:block}
div#result_data {float:left;display:inline;}

http://jsfiddle.net/v2N7v/