html在同一行显示div

时间:2012-08-29 06:24:45

标签: jsp html

我希望在我的jsp页面上显示一个文本:

Sample date: <div id="sampleDate"/>

所以我希望它显示为Sample date: 29-Aug-2012

但它会像这样出现:

Sample Date:

29-Aug-2012

任何人都可以帮我吗?

3 个答案:

答案 0 :(得分:3)

将其写为 -

Sample date: <span id="sampleDate"></span>

我不会推荐这个但是如果你想保留DIV那么你必须让它成为内联元素 -

Sample date: <div id="sampleDate"></div>

#sampleDate{ display: inline; }

答案 1 :(得分:2)

sampleDate的css应为

#sampleDate { 
   display:inline;
}

此外,您可以将float:left;用于示例日期:和#sampleDate block float:right; 将两个块放在其他块中并设置宽度(然后这两个块之间不会有很大的空间)

答案 2 :(得分:0)

您可以使用css ​#sampleDate{display:inline;}​。但是你应该使用@Dipaks方法,使用span标记。

在这里查看http://jsfiddle.net/WkNp8/1/