<h1>
タグの後の改行を削除すると問題が発生します。印刷するたびに改行が追加されるため、<h1>Hello World!</h1> <h2>Hello Again World!</h2>
のようなものが次のように出力されます。
Hello World!
Hello Again World!
CSSでどのタグを変更する必要があるかはわかりませんが、パディングやマージンに関係があると思います
また、可能な限り垂直方向のパディングを維持したいです。
インラインとしてフォーマットしたいようです。デフォルトでは、h1
およびh2
は、行全体に広がるブロックレベルの要素です。次のようなcssでインラインに変更できます。
h1, h2 {
display: inline;
}
block
とinline
の違いを詳細に説明する記事は次のとおりです。 http://www.webdesignfromscratch.com/html-css/css-block-and-inline/
垂直方向のパディングを維持するには、次のようにinline-block
を使用します。
h1, h2 {
display: inline-block;
}
<h1>
タグには{display: block}
が設定されています。それらはブロックレベルの要素です。これをオフにするには:
{display: inline}
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>