在HTML中创建一个框并将其在正常文本中左右对齐？

Question

假设我在段落中有正常文字（＆lt; p＆gt; ...＆lt; / p＆gt; ）。现在，我想在文本的右侧或左侧放置一个带有例如广告或附加信息的框。它不应高于或低于文本，文本应在框周围对齐。

我该怎么做？我尝试使用span和div但到目前为止失败了。想法？

谢谢： - ）

Answer 1

将<div>与float CSS属性一起使用。

<p>
    <div style="background-color: red; height: 100px; width: 100px; float: right"></div>
    XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 
    XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 
    XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 
    XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 
    XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 
</p>

Answer 2

单独使用HTML是不可能的，但使用CSS可以将子元素浮动到一边。

http://jsfiddle.net/9A2vB/