文章

文章の行と行の間をあける

外観をクリック。
CustomCSSをクリック。(ない時はプラグイン「SiteOrigin CSS」をインストールして有効化。)
右上の目のマークをクリック。
行をあけたい文章の上にカーソルをもっていき、文章全体を囲む枠を出してその枠をクリック。
line-height(行の高さ)のところに数値入力。(1行空きにするなら”2″と入力します。数値は0.5~2.0がおすすめ。)
☑マークをクリック。
p {
line-height: 2em;
}
と表示されます。
1emは一文字分の高さのこと。数値だけにしてもよい。Pは囲んだ枠によってh2とかに表示が変わる。
save cssをクリック。

CSSを使わずに行と行の間をあける

ビジュアルで文章を入力し、テキストに変えて文章前に「line-height: 2.0;」(1行あきになります)を追加。
数値が大きくなるほど行間があく。
数値は0,5から2,0が見やすい。

テキストで

<p style=”text-align: center;”><span style=”font-size: 18pt; line-height: 2.0;”>文章の行と行の間をもっとあけたい!</span></p>
<p style=”text-align: center;”><span style=”font-size: 18pt; line-height: 2.0;”>文章の行と行の間をもっとあけたい!</span></p>
<p style=”text-align: center;”><span style=”font-size: 18pt; line-height: 2.0;”>文章の行と行の間をもっとあけたい!</span></p>

上部へスクロール