画像+テキスト配置 基本プログラム

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

サンプル 比率・左(画像)6:右(テキスト)6

テキストが入ります。

サンプル 比率・左(画像)4:右(テキスト)8

テキストが入ります。

サンプル 比率・左(テキスト)6:右(画像)6

見出しが入ります

テキストが入ります。

サンプル 比率・左(テキスト)4:右(画像)8

見出しが入ります

テキストが入ります。