1

Web サイトのユーザースタイルを作成しているので、HTML を変更することはできず、純粋な CSS のみを変更します。

<div class="container"></div>

   <divs>
   <h2s>
   <uls>
   <forms>
   <h3></h3>
   <p></p>

</div>

h3 と p を隣り合わせにして、コンテナーの水平方向の中央に配置したいと考えています。したがって、両方に display:inline-block と text-align:center を指定しました。これにより、それらはそれぞれ隣り合っていましたが、水平方向に中央に配置されていませんでした。text-align:center はコンテナに適用された場合にのみ機能しますが、それはサイト全体の他の要素のすべてのテキストを中央揃えにすることになります.

私はCSSに比較的慣れていないので、これを行う方法を探しましたが、役に立ちませんでした。

4

3 に答える 3

0

コードをjsfiddleに投稿してみてください。

私が理解できる限り、h3タグとpタグにマージンを追加するだけで十分でしょうか?

マージン:0 自動;

于 2014-08-10T00:31:35.920 に答える
0

を使用する場合、属性display:inline-block;を使用する必要はありませんfloat。

text-align:center;それらを水平方向に中央揃えにしたという意味だと思います。それらを垂直方向に中央に配置したい場合は、使用できますvertical-align:middle;

于 2014-08-10T00:47:37.103 に答える