- ベストアンサー
<p align="center"> <center> どちらを使うべき？
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
どちらも使うべきではありません。見た目・レイアウトは、HTML ではなく、CSS などのスタイルシート言語で指定します。 なお、<center> は <div align="center"> の省略形です。つまり、<center> は単なる div 要素と同じように扱われるのに対し、<p align="center"> は一つの段落要素として扱われるということです。
その他の回答 (1)
- JeanneNet
- ベストアンサー率48% (100/208)
こんにちは、じゃんぬねっと です。 どちらも NG だと思います。 こちらでチェックしてみてください。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html <div style="text-align:center"> ですね。
お礼
私もそのサイト愛用しています！ と思ったら、スタイルで指定するのが良いのですね。 5年前のHTML書籍を今読みあさっているので、 ちょっときになりました。 <font>タグなどスタイルに移行しましたが、 やはり最新を勉強しないと駄目なようですね。
関連するQ&A
- <P ALIGN>と<DIV ALIGN>の明確な違いってありますか？
ＨＴＭＬの本を読んで勉強しているのですが、<P ALIGN...>も<DIV ALIGN...>も共にテキストの位置を指定するという事が書いてあるだけで違いについては書いてありません。 例えば、<P ALIGN="center">と、<DIV ALIGN="center">では双方に特定の使い方があるものでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- 段落内の "text-align" の重複
CSSについての質問です。 <p>タグの段落内で "text-align" を使用して、 文字を寄せる記述をしているのですが、 「中央揃え」と「右寄せ」が重なってしまい、うまく表示されません。 分かりにくい説明だと思いますので、ソース例を書きます。 --------------------------------------------------------- <p style="text-align: center;">文字を中央に <span style="text-align: right;">こちらは右寄せ</span></p> --------------------------------------------------------- 上記のように記述しています。 つまり、段落内は基本的に中央揃えなのだが、 一部は右寄せにする…のようなことが、 CSSで実現できるのでしょうか。 どなたかご回答をよろしくお願いします。
- ベストアンサー
- CSS
- 画像のtext-align:center;について
http://loveosan0801.uijin.com/content/ishida.html 上記URLの画像がcenterに配置されません。 どのように修正すれば、centerに配置されますでしょうか？ お教えいただけませんか？ body { font-size:14px; line-height:150% } h1 { color:black; border-left:10px solid #cccccc; border-right:10px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:16px; padding:10px 0 10px 0; text-align:center; } p { text-align:left; border-left:10px solid #cccccc; border-right:10px solid #cccccc; padding:0 0 0 20px; } #center p { text-align:center; } #menu { list-style-type:none; text-align:center; } #menu li { display:inline; border-right:5px solid #cccccc; padding:0 20px 0 20px; } .main { width: 100%; } .main div { width: 50%; margin: 0 auto; }
- ベストアンサー
- HTML
- HTMLはalign=centerは機能しないの？
お世話になっております。 HTMLやXHTMLにお詳しい方、回答をお願いします。 まずは以下のソースの確認をお願いします。 tableの中にtableを入れて４つのセルの中にアルファベットが入っています。外枠のtableに<tr align="center"> を書いているので４つのアルファベットは中央揃えになります。 しかし、１行目を消すと、センタリングが機能しなくなってしまいます。 この原因はなぜでしょうか？原因が知りたいのです。１行目のドキュメント宣言は「このソースはXTMLですよ」ってことですよね？ ってことはこの１行目を消したらXHTMLではなく、HTMLになるのですよね？ってことはHTMLはalign=centerは機能しないのでしょうか？ただ、<td>a</td>を<td align="center">a</td>として、１行目を消してもaはセンタリングされました。。。いったいどうなっているのでしょうか？ どなたか詳しい方教えてください。１行目を消すとセンタリングにならないのはなぜですか？よろしくお願いします！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> </head> <body> <table width="200" border="1"> <tr align="center"> <td><table width="200" border="1"> <tr> <td>a</td> <td>b</td> </tr> <tr> <td>c</td> <td>d</td> </tr> </table></td> </tr> </table> </body> </html>
- 締切済み
- HTML
- pタグ 改行しない 文字位置指定
pタグを使うけど改行しない、 なおかつ文字は中央に表示する とするにはどうすればいいでしょうか？ <style type="text/css"> p.mi{ text-align:center; display:inline; } </style> </head> <body> <p class="mi">テキスト</p>あああ </body> これだと、改行はされませんが、中央に表示されません。
- ベストアンサー
- HTML
- <td>中の文字列に<p>は必要?
テーブルの<td></td>タグ中の文字列は、<p></p>タグで囲むべきでしょうか? <p></p>タグで囲まない場合の例： <body> <table border="4" width="250"> <tr> <td align="left"> ここの文字について質問しています。 </td> </tr> </table> <p></p>タグで囲む場合の例： <body> <table border="4" width="250"> <tr> <td align="left"> <p> ここの文字について質問しています。 </p> </td> </tr> </table> </body> どちらが、良いのでしょう? よろしくお願いします。
- ベストアンサー
- HTML
- text-alignについての疑問
スタイルシートに {text-align:center;position:absolute;bottom:50px;} と入れて、一番下にあるCopyright©○○という位置を固定して、真ん中にしたいんですが そうなりません。 position:absoluteを使ったときはセンタリングできないのでしょうか？？ また、この場合はどうやればいいのでしょうか？？ もう一つ質問させて頂きます。 <span style="text-align:center">aaaaaaaaaaaa aaaaaaaa</span> とやってもセンタリングできません。 <span>を<div>に変えると真ん中に来ます。 <span>タグだと"text-align:center"は使えないということでしょうか？？ 一つでもいいのでわかる方いらっしゃいましたらよろしくお願い致します。
- ベストアンサー
- HTML
- text-align centerの違い
div内にリンクを書くとセンターを基準に表示されるのですが div内にulとliでメニューを組むとセンターを基準に表示されず 左を基準に表示されてしまうのですがどのようにすれば いいものでしょうか？ ---CSS--- #hoge { width: 1000px; text-align: center; background: #fff; } ---HTML--- ↓この場合センター表示されます。 <div id="hoge"> <a href="#">hoge</a> </div> ↓この場合センター表示されず左を基準に表示されます。 <div id="hoge"> <ul> <li><a href="#">hoge</a></li> </ul> </div>
- ベストアンサー
- HTML
- <center></center>と同じ意味のタグ
ヤフオクの出品でタグを勉強しています。(Chrome使用) 普段は<center></center>で中央に寄せているのですが、 調べていたら【<caption></caption>】【<div style="margin:auto;text-align:center"></div>】というのを見つけました。 これらは<center>と同じく、中央に寄せるタグで良いのですか? ちなみに<center>を使うと、プラウザによっては正しく表示されないことがあるみたいですが、 現在はどれを使った方が良いのでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- 【HTML5、CSS2.1】imgのalign
HTML5、CSS2.1でホームページを作成しています。 http://www.tagindex.com/html_tag/img/img_align.html このサイトを参考に画像の右中央に文字を配置したいのですが HTML5ではalign属性が認められていません。 どのように対処すればよいのか教えていただけましたら幸いです。
- ベストアンサー
- HTML
お礼
具体的な回答ありがとうございました。 スタイル言語で指定した方が良いようですね。 <center>は<div align="center">なのですか！ それで、<p...>の方もあったのですね。 謎が解決しました。 ありがとうございます！