次のような奇妙な動作があります:
Html
<article class="feature">
<div class="feature-media">
<img src="image.jpg" alt="Article Feature media">
</div>
<h2>Secondary Title</h2>
<p>lorum</p>
</article
CSS
.feature h2:before {
content: ""
float: left;
display: block;
width: 10px;
height: 10px;
margin-right: 10px;
background-color: #df6c4f;
}
.left-main .feature {
padding: 0 10px;
}
.left-main .feature-media {
float: left;
margin-right: 20px;
}
複雑なことは何もありませんが、H2 タグは記事の幅を取り、左側の div を無視します。これは、私の :before 要素が画像の後ろに隠れていることを意味します。H2 と疑似要素をすべてフロートしましたが、何も変更されませんでした。
ありがとう