- ベストアンサー
文字の右寄せの書き方
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
何がいけないかはよくわからないのですが、これならうまく行くというものを。 <head> <style type="text/css"> <!-- p.migi{text-align:right; } --> </style> </head> <body> <p class="migi">2009年7月5日</p> </body> classの名前が「2」だとなぜだかうまく行かないようです 仕様かな。
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
右寄せは、text-align:ですよ。line-alignなんて知らない。 また、もっともっと基本的なことですが・・・HTML上は、classの属性値に大きな制限はありませんが、CSSでは、セレクタに付けることができる文字はアルファベット、数字、ハイフン(-)、アンダースコア(_)が使用可能ですが、【1文字目にはハイフンと数字は使用できない】 そもそも、いかにデザインのためとは言っても、cssやIDの属性値にHTML上で無意味な値は、ちょっと抵抗がある。font-color=redも、class="red"も、同じ穴のムジナ。 <style typw="text/css"> p.memo{text-align:right;} </style> <p class="memo">ホゲ</p> とかね。・・これなら、将来配置を左詰めにしても、文字を小さくしてもよいでしょ。class名はそのようにつけるもの。<p class="right">は感心しない。(class="2"は当然ダメ)
お礼
お礼がとても遅くなってすみません。 有り難うございました。
関連するQ&A
- ｃｓｓで文字を右寄せにしたいのですが
<html> <head> <style type="text/css"> <!-- div#right { text-align: right; } --> </style> </head> <body> <DIV style="font-size:80%;" id="right;"> test </DIV> </body> </html> なぜか右寄せになりません。左に寄ってしまいます。 <DIV style="font-size:80%;" id="right;"> の部分がおかしいのでしょうか？
- ベストアンサー
- HTML
- pタグ 改行しない 文字位置指定
pタグを使うけど改行しない、 なおかつ文字は中央に表示する とするにはどうすればいいでしょうか？ <style type="text/css"> p.mi{ text-align:center; display:inline; } </style> </head> <body> <p class="mi">テキスト</p>あああ </body> これだと、改行はされませんが、中央に表示されません。
- ベストアンサー
- HTML
- 段落内の "text-align" の重複
CSSについての質問です。 <p>タグの段落内で "text-align" を使用して、 文字を寄せる記述をしているのですが、 「中央揃え」と「右寄せ」が重なってしまい、うまく表示されません。 分かりにくい説明だと思いますので、ソース例を書きます。 --------------------------------------------------------- <p style="text-align: center;">文字を中央に <span style="text-align: right;">こちらは右寄せ</span></p> --------------------------------------------------------- 上記のように記述しています。 つまり、段落内は基本的に中央揃えなのだが、 一部は右寄せにする…のようなことが、 CSSで実現できるのでしょうか。 どなたかご回答をよろしくお願いします。
- ベストアンサー
- CSS
- 文字を右寄りにしつつ、背景を赤にするには
css初心者です。 一番左のセルのみ、文字を右寄りにしつつ、背景を赤にしたいのですが、 全ての背景に色がついてしまいます。 １と１００のセルのみ、文字を右寄りにしつつ、背景を赤にするにはどうすればいいですか？ <html> <head> <title>test</title> <style type="text/css"> td.table_moji_right { text-align: right; } td { background-color: red; } </style> </head> <body> <table border=1 cellspacing=1> <tr><td class="table_moji_right">1</td><td>aaa</td></tr> <tr><td class="table_moji_right">100</td><td>iii</td></tr> </table> </body> </html>
- ベストアンサー
- HTML
- htmlの記述。「右揃え」出来ません（困ってます）
こんばんは。質問の通り、右揃えになりません。 タグ打ちで、制作中。初心者です。 =-=-=-=-=-=-=-=-=-=-=-=-=-= <html> <head> <title>～</title> <style type="text/css"> span.c { text-align: right; } </style> </head> <body><center> … <span class="c"><a href="toppage.html">■ to top-page ■</a></span> </center></body> </html> =-=-=-=-=-=-=-=-=-=-=-=-=-= ■ to toppage ■を右揃えにしたいです。 <span class=""></span>で部分を指定して、 <style type="text/css">span.c { text-align: right; }</style>で条件を指定したのですが、左揃え（条件指定が出来ていない状態）にしかなりません。 <center></center>がダメなのか？っと思い、<center></center>を除いてみましたが、ダメでした。 <span class=""></span>でうまく部分指定が出来ていないのかと思い、<style type="text/css">span.c { text-align: right; }</style>の{}内に、フォントサイズの指定をすると、サイズ変化しました。 私的には、{ text-align: right; }が違うのかな？っと思っているのですが、分かりません。 どこが間違っているのでしょうか？？ というか、右揃えの仕方を教えて下さい。どんな方法でもいいです。
- ベストアンサー
- ブログ
- テキストボックスの右寄せ
INPUT TYPE='text' に設定する文字を右寄せにしたいのですが…。 <input type='text' size='3' name='GAKUNO' value='<%=rs"GAKO_NO")%>'> ここに align='right' を指定しても、右寄せにならないのですがどうしたらよいでしょうか？
- 締切済み
- HTML
- cssを使って文字を装飾しても改行させたくない場合
cssを使って文字を装飾しても改行させたくない場合、どのような方法がありますか？ <html> <head> <title>test</title> <style type="text/css"> p.red { color: red; } </style> </head> <body> 黒<p class="red">赤</p>黒 </body> </html> これだと 黒 赤 黒 になってしまいますが 黒赤黒 にしたい場合 どうすればよいでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- Firefoxで右寄せにならないのですが
テキストリンクに背景画像を挿入しています。 それをdisplay:blockにしたとたん、右寄せができなくなってしまいます。 <html> <p class="right"><a href="hellow">こんにちは</a></p> <css> p.right{ text-align : right; } p.right a{ background-image : (250px*30pxの画像です).gif); display : block; line-height : 30px; width : 250px; } display : blockを指定したときにFirefoxでは左寄せに戻ってしまいます。IEでは右寄せのままです。 Firefoxでも右寄せのままに表示したいのですが、どなたかアドバイスよろしくお願いします。
- ベストアンサー
- HTML
- 初歩的な質問ですみません。部分的な文字の右寄せです
初歩的な質問ですみません。。 メールマガジンで添付の画像のようなレイアウトを しなければなりません。 テキストの最終行のところに「詳しくはコチラ」を 右寄せで配置する作業なのですが、何をやっても上手 く行きません。 もし、これがいいですよ！という方法がありましたら、 どうか教えて下さい。 ↓これでは、もちろん上手く行くわけないですね。。 <body> <table width="640"> <tr> <td> <p style="font-size:14px;margin:0;padding:0;"> テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキスト。 <span style="text-align:right"><a href="@">詳しくはコチラ </a> </span> </p> </td> </tr> </table> </body>
- ベストアンサー
- CSS
- 文章の後半を右寄せしたい
こんにちは。タイトルどおりなのですが、一つの文章内の後半部分を右寄せしたいのですが、どうしたら出来ますか？（改行せずに） <p>あいうえお <span>かきくけこ</span></p> span { text-align: right; } とやってみましたが、右寄せできませんでした。 やり方が間違っていますか？どうしたら右寄せできるでしょうか？ かきくけこ の部分を右寄せしたいです。教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
お礼
お礼が本当に遅くなりました。 有り難うございました。