html - コンテンツの横にブロックを配置する

Question

titleページの中身を表示してみます。titleは php 関数<?php the_title(); ?>であり、 content は別の関数<?php the_content(); ?>です。

画像でわかるように、タイトルは「Android 携帯電話史上最高のウィジェット」で、その隣にコンテンツがあります。

コンテンツの領域の間divに表示するような要素を配置するにはどうすればよいですか?title

画像URL : http://i.stack.imgur.com/lh5iC.jpg

Answer 1

あなたが求めていることはあまり実現可能ではありません。フロートはページ内の順序に基づいて計算されるため、実際に段落の間にタイトルを配置せずにテキストの大きなチャンク内にヘッダーを取得する方法はありません。あなたの場合は不可能です。ただし、要素を実際の位置より高くしたり低くしたりすることはできません。

ここでの最も近い解決策は、単純な css を使用してヘッダーを左にフロートさせることです。これにより、ヘッダーがテキストの中央ではなく上部に配置されます。

h1 {
float: left;
display: block;
width: 250px;
}

どちらの場合も、結果を含む jsFiddleを作成しました。

ps: あなたが PHP を使わないと言ったのは知っていますが、あなたが求めていたものが本当に必要な場合は、抜粋機能を利用して (あなたが WP を使用していることを知っているので)、記事を と の間に分割して、excerpt()間content()にタイトルを配置することができます。 . ちょっとした考え。