<h1>
タグの後に改行を削除すると問題が発生します。印刷するたびに改行が追加されるため、次のように<h1>Hello World!</h1> <h2>Hello Again World!</h2>
印刷されます。
Hello World!
Hello Again World!
CSSでどのタグを変更する必要があるかわかりませんが、パディングやマージンと関係があると思います
できれば、垂直方向のパディングも維持したいと考えています。
<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}
h*
タグの後には常に改行があります。
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>
<style>
h1 {
padding: 0px;
margin: 0px;
}
</style>