人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: yamazakiis
●カテゴリ:インターネット ウェブ制作
✍キーワード:h1 HTML スタイルシート
○ 状態 :終了
└ 回答数 : 9/9件

▽最新の回答へ

1 ● zufall
●23ポイント

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

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

HTML仕様

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

スタイルシート

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


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

でどうでしょう?

cssファイルでは

h1 { display:inline; }

です。


3 ● znz
●22ポイント

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


4 ● まきのっぴ
●22ポイント

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

h1 { display: inline; }

ですね。


5 ● vector
●10ポイント

float: left;

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

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

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

h1#id

h1.class

{

  float: left;

}


1-5件表示/9件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ