- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：css javascriptについて教えて下さい。）
CSS JavaScriptでpタグをdivタグの中央から表示する方法
このQ&Aのポイント
- CSS JavaScriptを使用して、divタグの中央からpタグを表示する方法について教えてください。
- 現在、ボタンを押すとdivタグの中にpタグが表示されますが、pタグをdivタグの中央から表示する方法がわかりません。
- pタグがdivタグの中央に表示されるようにするには、CSSでpタグの左右のマージンをautoに設定する方法がありますが、他にも方法があるのでしょうか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
CSSを以下の記述例に変更すれば、いわゆる「中央揃え」になります。 #w { width: 500px; height: 50px; border: solid 1px; overflow: hidden; text-align: center; } #w p { display: inline-block; margin: auto .5em; line-height: 100%; } P.S. <p>のサイズ指定は無駄に思えたので削除しましたが…何らかの理由があってサイズ指定を付与しているのであれば、適宜再指定してください。 また<p>のスタイル指定はページ内外の他の<p>と干渉しない様に、セレクタ指定をより厳密に #w p{...} としてピンポイントにスクリプトで新規作成されるDOMのみに作用する様にしてます。
お礼
ありがとうございます。お礼が遅くなり失礼しました。