CSS/HTML：有一個在左側

Question

<span style='float: left; margin: 10px; width: 60px; display: block;'> 
<img style='border: 1px solid #FFF; width: 61px; height: 80px;' src='images/profilePhoto/thumbs/86.jpg'> 
<br> 
<a href='profil.php?id=86'>Megan F.</a> 
<br><br> 
</span> 
<div style='margin-left: 90px;'> 
<h1>(inget ämne)</h1> 
<div> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla urna eget urna euismod aliquet. Duis porta volutpat blandit. Phasellus bibendum bibendum porta. Nunc molestie tristique leo, sed euismod orci ultricies vitae. Mauris non libero a leo ultricies laoreet. Suspendisse luctus urna vel sapien tristique vitae semper nulla eleifend. Integer congue aliquam pharetra. Phasellus diam neque, tincidunt vel elementum vel, ornare sit amet mi. Nulla tincidunt purus in odio vulputate mollis. Nunc urna odio, rutrum eu ultricies a, facilisis ullamcorper nunc. In purus velit, varius vel laoreet eu, tincidunt non purus. Nulla facilisi. Sed ac lectus nibh. Praesent non velit nibh.<br /> 
... 
</div> 

文字這是我現在所擁有的這個：

我怎麼能有申請文本顯示一樣的圖像？

Answer 1

如果你想新的文本與第二段垂直對齊，那麼你的第二個段落之前添加

<div style="clear: both"></div> 

，然後再做另一浮動像你這樣原本。

如果您只想將整個面板懸浮在左側，那麼您只需將其添加到浮動內容即可。但看起來你的新文本與第二段垂直對齊，所以上面列出的方法就是它。