画像と文の配置

基本問題

画像を文字として配置
画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。
画像を独立したボックスとして配置
画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。
画像の周りに文字を回り込ませる
画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。
段組風(display:table-cell)
画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。
段組風(float)
画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。
段組風(position)
画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。
段組風(flexbox)
画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。画像に対する説明文。
画像と文字の重ね合わせ
画像に対する説明文