HTML/CSS - 在较大的文本周围环绕文本

Question

我有一些文本，然后我有一些较大的文本，我希望能够将文本环绕在较大的文本周围。不确定我会使用什么属性。这是我想要的示例，但将图像放入文本 block 中:

这是我当前的 CSS:

.message h1{
font-family: 'Audiowide', cursive;
font-size: 76px;
position: absolute;
left: 106px;
top: 120px;
color: white;
float: left;
}
.text p{
opacity: .7;
position: absolute;
font-family: 'Abril Fatface', cursive;
font-size: 36px;
left: 108px;
width: 1080px;
height: 421px;
top: 117px;
color: white;
}

和我的 html 代码:

<div class="message">
<h1 align="left">Hello there is<br>Some text here</br></h1></div>
<div class="text">
<p>and Some more text here</p>
</div>

所以让我总结一下我要问的问题。我有一些大文本，我想让小文本环绕大文本。我环顾四周，发现您可以环绕图片，但我不能 100% 确定其他文字。

Answer 1

您需要使用float: left 或float: right。

http://jsfiddle.net/74Z9d/