我有我的代码的一些基本问题,我试图让一个标题和一个段落显示在一个div内的图像的左侧。它的工作原理完全正常时,我有一个标题,但只要我在一段扔东西它使图像进一步向下,并显示它上面的一段话:浮动css元素的问题
这是我希望它看起来像
这里是什么样子:
这里是我的代码:
<div class="box3">
<h2 class="minecrafter" style="float:left;padding-left:15px;padding-top:10px;letter-spacing:3px;">Apply Now</h2>
<p class="minecrafter" style="float:left;padding-left:15px;letter-spacing:1px;padding-top:5px;font-size:13px;">Lorem ipsum dolor sit amet, mel id fabulas dolorum, lorem vulputate ei his. </p>
<img src="images/applyheretoday.png" style="height:90%;float:right;margin-top:13px;margin-right:10px">
</div>
.box3 {
margin-top:3px;
margin-left:5%;
float:left;
width:65%;
background:#707070;
height:300px;
}
.minecrafter {
font-family:minecrafter;
color:#FFFFFF;
}
你需要一个明确的,你要列崩溃。另外考虑将内联CSS移入样式中。 – ajmajmajma