H3 て指定するとこのサイズ

H4て指定

 

[上級者向け]文章エリアで、段組みレイアウトをしたい場合
Web全体にはbootstrapという既成のcssフレームワークが適用されています。この方法に従ってhtmlを記述していただくと、美しく、かつレスポンシブルになります。

長良川ASPでは、コンテンツ部分の横幅は最大870pxです。この中を、足して９になる比率で分割できます。
<div class="row"> </div>
　 でくくり、
<div class="span◆"> </div>
　（◆の部分は1～9の数字が入ります）で
段をつくります。
余白は左側に自動で30px作られます。

class	横幅
span1	70px
span2	170px
span3	270px
span4	370px
span5	470px
span6	570px
span7	670px
span8	770px
span9	870px

組み合わせ例）
●span3: span3: span3 の３段組み
●span4: span5 の２段組み
● span1: span1: span1: span1: span1: span1: span1: span1: span1 の９段組み

コピペすると。へんな書式がついて組み崩れます。いったんテキストアプリにコピペしてからペーストしてください。
参考レファレンスhttps://getbootstrap.jp/docs/4.2/layout/grid/

違う比率の画像を組み合わせると、
縦横をそろえるのは難しいです。

---

 

段組みを使わないで幅を指定すると、携帯でも横幅が固定されたままになります

 
画像のよこにもじもじもじもじあああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

 

---

 

<div class="visible-phone"> でくくったものは、スマホのときのみ表示されるようになりますし、逆に <div class="hidden-phone"> でくくったものは、スマホのときのみ非表示になります。