web-dev-qa-db-ja.com

<h1>タグの後の改行を削除しますか?

<h1>タグの後の改行を削除すると問題が発生します。印刷するたびに改行が追加されるため、<h1>Hello World!</h1> <h2>Hello Again World!</h2>のようなものが次のように出力されます。

Hello World!

Hello Again World!

CSSでどのタグを変更する必要があるかはわかりませんが、パディングやマージンに関係があると思います

また、可能な限り垂直方向のパディングを維持したいです。

85
Jack Wilsdon

インラインとしてフォーマットしたいようです。デフォルトでは、h1およびh2は、行全体に広がるブロックレベルの要素です。次のようなcssでインラインに変更できます。

h1, h2 {
    display: inline;
}

blockinlineの違いを詳細に説明する記事は次のとおりです。 http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

垂直方向のパディングを維持するには、次のようにinline-blockを使用します。

h1, h2 {
    display: inline-block;
}
139
Ben Lee

<h1>タグには{display: block}が設定されています。それらはブロックレベルの要素です。これをオフにするには:

{display: inline}
9
tkone

Htmlスタイルセクションでh1マージン値をマイナスに設定することで、この問題を解決しました。それは私のニーズにぴったりです。

<style>
h1 { 
    display: block;
    font-size: 0.9em;
    margin-top: -1.91em;
    margin-bottom: -1.91em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>
2
Jacek