タイトルを画像の下に移動しようとしています。
これは私のサイトです
これが私が達成しようとしているものの例です。
投稿の最初の行をh1タグで囲むことができることは知っていますが、もっとエレガントな方法があるかどうか疑問に思っていました.
header Section
を下に移動するだけで済みますがbody entry-content
、CSS を使用したいだけの場合 (あまり良い考えではありません)、次のように実行できます。
これらのスタイルのみを変更します
.collection-type-blog article header
{
width: 100%;
text-align: center;
position: absolute;
bottom: 37px;
}
.collection-type-blog article .post
{
top: -63px;
position: relative;
}
.collection-type-blog article .article-meta
{
top: 63px;
position: relative;
}
ええ、ヘッダーと本文のエントリ コンテンツ div クラスを交換するだけです。合計コンテンツを変更する代わりに、両方の css プロパティを交換することにより、別の方法でそれを行うことができます。