cssを使って文字を装飾しても改行させたくない場合

Question

cssを使って文字を装飾しても改行させたくない場合、どのような方法がありますか？ test 黒

赤

黒これだと黒赤黒になってしまいますが黒赤黒にしたい場合どうすればよいでしょうか？よろしくお願いします。

tracer · Accepted Answer

マイクロソフトのワードにもスタイル機能があることをご存知でしょうか?
ワードでは、文字スタイルと段落スタイルと2種類のスタイルがあります。
その名の通り、文字に対してのスタイルと、段落に対してのスタイルです。
で、気になるのが、文字と段落の違いですね。
ワードでは行頭から改行までを「段落」と位置づけています。
つまり、文字に対しての装飾と、段落に対しての装飾ではいろいろ違ってくる部分があります。

HTML/CSSも同様の考え方です。
HTML/CSSでは、段落をブロックレベル要素、文字をインライン要素と言います。
ここまで分かれば、もう検索したほうが早いです。
「css インライン要素」でどうぞ。

uewouuc73jmmdjd · Answer

黒赤黒

でいかがでしょう。 pタグはブロック要素とよばれ基本的に改行されます。 spanタグはインライン要素とよばれ改行されません。

ORUKA1951 · Answer

もちろん、p{display:inline;color:red;}で改行しませんが(^^)←この意味とっても重要なことなのですが、HTMLとはその文書を、それを構成する要素に分解して、ここは

見出し(heading)

、

ここは段落(paragraph)

とマークアップするものです。由来はSGMLです。《　⇒そこで、プレーンテキストのみを用いて、「タグ」を使うことによってデータに意味を持たせることが考えられた。 ( http://ja.wikipedia.org/wiki/Standard_Generalized_Markup_Language )》　読んでおくこと!! 　

は段落--その一連の文章の中でひとつのテーマについて語られている部分でしたよね。--小学校の国語を思い出すこと。

　よって、ひとつの段落中で【重要なところ】を赤で表示したい。　￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣＞黒

赤

黒　との違いをしっかり理解してください。とっても重要です。pで囲まれた部分は段落ではないですね。HTMLではフレーズと分類される部分です。フレーズには　⇒EM、 STRONG、DFN、CODE、SAMP、 KBD、VAR、CITE、ABBR、及び ACRONYM ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.2.1 ) 　などがあります。どうしても当てはまるものがないときに限り、500円のようにね。class="red"は、とってもまずいです。だって意味ないですから。　その上で、そこが重要なら

・・・・黒赤黒・・・・

そこが略号なら

HTMLとは、SGMLを参考に作られた

どうしても適切なフレーズ用タグがなければ

・・・・・分子式とは・・

そのうえで、 strong{color:red;font-weight:normal;} abbr{color:red;} span.price{color:red;} とすればよい。　一度HTMLの仕様書を通しで読んでおきましょう。後からじゃ間違った脇道にそれてしまって、本道に戻るのに苦労する。

cssを使って文字を装飾しても改行させたくない場合

マイクロソフトのワードにもスタイル機能があることをご存知でしょうか?

<p>黒<span class="red">赤</span>黒</p>

もちろん、p{display:inline;color:red;}で改行しませんが(^^)←この意味

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング