2016-10-26 5 views
0

enter image description hereこんにちは幅代わりにBRセンタリングテキスト

を使用して、私はあなたの夢や休日の夢を共有し、2つの異なる部分にH1のスタイルをしようとしています。 メインタイトルクラスのテキストアライメントセンターを使用してテキストをセンタリングしています。これは、テキストを1行に集中します.45%をh1に追加すると2行ありますが、テキストアライメントセンターは機能しません。 私は<br>を使いたくないのですが、幅のパーセンテージを使用するように言われましたが、それはもはや中心ではないという問題です。 ありがとう

+0

その中央の使用を整列するためにあなたのdivすなわち.main-tittleないaligned centerだ、ありがとう – RogeMateos

答えて

0

テキストアラインメントはまだ機能し、テキストの中心にの中にという要素を配置します。

要素の幅を変更すると、中心から外れているように見えます。したがって、要素の中心も合わせる必要があります。要素にmargin: 0 autoを追加すると、再度機能するはずです。あなたのテキストはすでに中央に並んでいる

0

、それは理にかなっていることmargin:auto;

.main-tittle{ 
width:45%; /* try to use pixels px value over-here instead of percentage */ 
margin:auto; 
} 
+0

なぜそれがピクセルにする必要がありますか?パーセンテージの値はうまくいっていて、それにも反応します... – LinkinTED

+0

@LinkinTEDはいパーセンテージが完璧かつ反応的に機能することに同意しますが、h1タグを2回宣言していないので、代わりに幅と幅いくつかのポイントで、すなわち高いvwで壊れてしまい、テキストの配置が違うので、この場合pxは正常に動作します:-) – frnt

+0

@RogeMateosうまくいきたいと思います。 – frnt