『ボヘミアン・ラプソディ』はなぜ人々を魅了したのか >>

CSSを勉強しながらメモ帳で地道にサイトを作っています。

ところで、<h1>と<h2>のタグを記述してブラウザで確認すると普通は改行されると思うのですが、これを同じ行にすることはできるのでしょうか?

以前どこかでそのようにしているサイトを見たような気がするので、サイト作りの参考にしたいと思いまして…。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

こんにちは



h1のような見出しは、ブロック要素ですので
これをインライン形式で表示する(同じ行にする)には、displayを使用して

<style type="text/css">
<!--
h1,h2 {
display: inline;
}
-->
</style>

が、ブラウザへの互換性も高くよいかなと思います。
ご参考になれば…
http://www.tagindex.com/stylesheet/box/display.h …

参考URL:http://www.tagindex.com/html_tag/basic/blo_eleme …
    • good
    • 1
この回答へのお礼

ご回答ありがとうございます。

勉強をはじめたばかりでブロック要素という言葉の意味も把握していなかったものですから、くわしく説明してくださってありがたいです。

参考URLもしっかり理解できるようにして、サイト作りに活かせるようがんばります!

お礼日時:2006/09/12 17:30

見出しはブロックレベル要素なので、cssのfloatプロパティを使えば出来ます。



【例】
h1,
h2{
float:left;
width:100px;/*floatした要素にはwidthの指定も必須*/
}
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。

なんとなく「floatを使うのかな~?」とは思っていたんですが、本などには画像の回り込みでしか説明されていなくて困ってました。

さっそく調べてみますね!

お礼日時:2006/09/12 17:25

表でどうですか?


線をなしにしたら、一行に見えろと思うんですが。
もしくはCSSのブロック要素とか・・・。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。

それも考えたんですが、CSSの勉強のためなるべくテーブルレイアウトは使わないでおこうと思いまして…。

ブロック要素ですね。調べてみます。

お礼日時:2006/09/12 17:22

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qhtmlの見出しタグ(

)の次行が勝手に改行してしまうのですが

htmlの見出しタグ(<h1>)の次行が勝手に改行してしまうのですが、これはしょうがないのでしょうか?
できれば詰めたいのですが、seo対策で見出しタグを使っています。seo対策上見出しタグと同様のタグがあればよいのですが。
すいませんが誰か教えてください!!

Aベストアンサー

他の回答者様と重複するかもしれませんが、自分ならこうします、ということで。

<style type="text/css"><!--
h1{ display:inline;
/*更に色や大きさの指定など*/
}
--></style>

私は仕事で商用サイトや企業サイトを作っていますが、SEO対策で、見た目上そうは見えない所にhタグや他の段落タグを使っています。(<h1>タグが他の文字と同じ大きさだったり画像表示だったりすることもあります。デザイン上でのことなので無意味にキーワードを詰め込んでいる訳ではありません)
<h1>~<h6>タグや他の<p><em><strong>などの意味や構造を理解していれば、cssで見た目はどうとでもなると思います。
SEO対策系、アフィリエイター向けの雑誌やサイトによく載っていますので、たまに読んでみると参考になりますよ。

あと、No.4のjprrさんに補足ですが、<b>タグは見た目を太くする為だけですので、<strong></strong>を使った方が、SEO対策としてはより効果的だと思います。

他の回答者様と重複するかもしれませんが、自分ならこうします、ということで。

<style type="text/css"><!--
h1{ display:inline;
/*更に色や大きさの指定など*/
}
--></style>

私は仕事で商用サイトや企業サイトを作っていますが、SEO対策で、見た目上そうは見えない所にhタグや他の段落タグを使っています。(<h1>タグが他の文字と同じ大きさだったり画像表示だったりすることもあります。デザイン上でのことなので無意味にキーワードを詰め込んでいる訳ではありません)
<h1>~<h6>タグや他の<p><e...続きを読む


人気Q&Aランキング