CSS/HTML：有一个在左侧

<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>

文字这是我现在所拥有的这个： CSS/HTML：有一个在左侧

我怎么能有申请文本显示一样的图像？

来源

2010-11-03 Johnson

如果你想新的文本与第二段垂直对齐，那么你的第二个段落之前添加

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

，然后再做另一浮动像你这样原本。

如果您只想将整个面板悬浮在左侧，那么您只需将其添加到浮动内容即可。但看起来你的新文本与第二段垂直对齐，所以上面列出的方法就是它。

来源

2010-11-03 12:02:44

我只是想在左边飘起了整个面板，我应该只是“文本”增加了浮动的内容，并在做

或是否有更好的方法 – Johnson 2010-11-03 12:09:43

通常，使用'边距：60px'或'margin-top：6em'来做间距而不是使用'
'最好是 – 2010-11-03 12:13:28

但是我在浮动内容中有图片和用户名。在此之后，我希望它下降40px，然后在那里有文字。保证金：元素的顶部也会将图片向下移动 – Johnson 2010-11-03 14:50:02

CSS/HTML：有一个在左侧

回答

相关问题