HTML の h1を使うと改行されてしまいますが、スタイルシートで、この改行を無くする事は可能ですか?

回答の条件
  • 1人2回まで
  • 登録:2006/05/21 21:26:13
  • 終了:2006/05/28 21:30:06

回答(9件)

id:zufall No.1

zufall回答回数18ベストアンサー獲得回数12006/05/21 21:38:30

ポイント23pt

H1のスタイルの指定だけでは無理なんじゃないでしょうか?

DIVやSPAMあたりを使って囲んでやればできるかもしれませんが、そもそもH1タグは見出しをあらわすためのタグですし、改行をなくすのはあまり好ましくないと思います。

HTML仕様

http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/globa...

スタイルシート

http://www.openspc2.org/reibun/css/

id:x31 No.2

x31回答回数106ベストアンサー獲得回数12006/05/21 21:40:57

ポイント23pt
<h1 style="display:inline">TEST</h1>

でどうでしょう?

cssファイルでは

h1 { display:inline; }

です。

id:znz No.3

znz回答回数193ベストアンサー獲得回数252006/05/21 21:41:36

ポイント22pt

「<h1 style="display: inline">test</h1>」のように「display: inline」でどうでしょうか?

id:pmakino No.4

まきのっぴ回答回数355ベストアンサー獲得回数282006/05/21 21:46:14

ポイント22pt

h1 の前後で改行が入るのは、h1 要素の display プロパティが初期状態で block になっているためなので、inline に変更すれば改行されません。

h1 { display: inline; }

ですね。

id:vector_xenon No.5

vector回答回数113ベストアンサー獲得回数42006/05/22 10:42:22

ポイント10pt

float: left;

として回り込みさせれば大丈夫だと思います。

h1を1回しか使用しないのであればh1そのものにかけても大丈夫ですが、1部分のh1にしかしようしないのであればidかclassにするのがよろしいかと。

# h1を複数使うページもないと思いますが。

h1#id

h1.class

{

  float: left;

}

id:tarchan No.6

たーちゃん回答回数200ベストアンサー獲得回数22006/05/21 21:52:19

ポイント10pt

http://hp.vector.co.jp/authors/VA022006/css/visualren.html#displ...

h1はデフォルトでdisplay:blockが指定されているのでdisplay:inlineなどに変更してください。

id:westfish No.7

westfish回答回数49ベストアンサー獲得回数12006/05/21 21:57:39

ポイント10pt

「見出し風だけど改行しない」というのがお望みのものであればスタイルシートでフォントを見出しサイズにするクラス(仮に名前をheadingとします)を作成し、<span class = heading>H1風にしたい文章</span>とすればいいのではないでしょうか?

http://www.seo-equation.com/html/css2/selector.html#ref5

id:aerith No.8

aerith回答回数33ベストアンサー獲得回数12006/05/21 21:58:41

ポイント10pt

display: inline;

と指定したらインライン要素として描画されるので改行はされません。

もしくは、float 等使って回り込みさせるか、ですね。

http://www.kanzaki.com/docs/htminfo.html

id:furucch No.9

furucch回答回数1ベストアンサー獲得回数02006/05/21 22:24:53

ポイント10pt

<H1 style="display:inline;">TEXT</H1>

↑上記のような表記で改行されなくすることができます。

そもそも、H1~H6のタグはブロック要素です。

ですので、display属性にインライン要素を指定することで自動改行を防ぐことができます。

他にも、いろいろな指定方法がありますので、参考までに。

http://www.tohoho-web.com/css/reference.htm#display

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません