如何在两个div标签下面添加文字

时间:2011-04-07 15:00:12

标签: html tags frame

我有两个div标签 - 当前页面显示为

-------------
<tag-1>   <tag-2>
---------------

现在我想在这两个div标签下面添加一些静态文本怎么做? 结果页应该看起来像 -

--------------
<tag-1>  <tag-2>
some text with scroll bar
some text again
----------

当前的HTML

<body>
    <div id="tag1"></div>
    <div id="tag2"></div>

</body>

2 个答案:

答案 0 :(得分:4)

假设两个div都有一个浮点数:left; css标签允许它们并排,你要添加另一个明确的div:both; css标签,以确保此contianer低于浮动元素。

<body>    
<div style="float: left;" id="tag1">tag 1</div>    
<div style="float: left;" id="tag2">tag 2</div>
<div style="clear: both;">
My Text
</div>
</body>

答案 1 :(得分:0)

我假设您想通过javascript执行此操作。如果是,请使用jQuery's after function

$('#tag2').after('some text')