画像+テキスト配置 基本プログラム
「div class="vk_prBlocks_item col-sm-6"」の数値(6の部分)を変えることによって、画像とテキストの比率を調整することができます。左右2つの数値が合計で必ず「12」になるようにしてください。画像のサイズは元の画像の大きさに関わらず自動調整されます。
以下にいくつかのサンプルを掲載させていただきますので、プログラムをコピーして使用するなど、参考にしてみてください。
サンプル 比率・左(画像)6:右(テキスト)6
-
テキストが入ります。
サンプル 比率・左(画像)4:右(テキスト)8
-
テキストが入ります。
サンプル 比率・左(テキスト)6:右(画像)6
-
見出しが入ります
テキストが入ります。

サンプル 比率・左(テキスト)4:右(画像)8
-
見出しが入ります
テキストが入ります。

