使用する<p>
とスペースが大きくなりますが、使用する<br\>
と十分なスペースが得られません。
「血糖値」と「最近診断されました...」の間に大きなスペースが必要です
コンテンツに適切なマークアップ (理想的にはセマンティック マークアップ) を使用すると、そのコンテンツのスタイル設定に非常に役立ちます。
<h1>What vitamins amd supplements help control glucose levels?</h1>
<p>I am a recently diagnosed type-II diabetic. Lately, my glucose levels have been very high.</p>
CSSで:
h1 {
font-size: 1.2em;
margin: 0; /* removes any default margin placed on the h1 element */
}
h1 + p { /* selects only those p elements immediately following a h1 */
margin: 1em 0 0 0; /* short hand for margin-top margin-right margin-bottom margin-left */
}
このJS Fiddle demoの結果。
それはここで答えられています: How to change the height of a <br>?
段落 (P) を簡単に使用して、それに css クラスを割り当てることができます。その css クラスを使用すると、上マージンまたは下マージンを設定できます。
abc1、2、3 のように単純
.intro { margin-bottom: 10px; }
いくつかの異なるオプションがあります...
<h1>, <h2>, <h3>
Paragraph 要素の代わりにHeading 要素を使用してみてください。
また、カスケーディング スタイル シート (CSS) を使用して、プレゼンテーションを極限まで制御します。この場合、margin-bottom 属性を使用して間隔を制御できます。w3schools で適切な CSS チュートリアルを確認するか、Google を使用してください。
CSS で line-height を試してください。
または、br 要素に margin-top、margin-bottom を設定してみてください。
最初のテキスト ("What...levels?") を div に配置し、ID を指定してから、css プロパティ "margin-bottom:Xpx;" を変更する必要があります。ここで、X は 2 つのテキスト間のスペースの高さです。