Start_python https://blog.hatena.ne.jp/Start_python/ ふたり暮らし https://start-python.hateblo.jp/ はじめに 今回は画像を表示させる場所についてです。文章を左に、画像を右に表示してみたいと思います。CSSで「float」を使う方法です。少しハマったところもあったので詳しく解説していきます。 文字の右に画像を表示する方法 float: right; /*右に寄せる*/ 画像サイズを固定（自動で縮小・拡大）させる場合は「width: 300px; /*画像サイズを固定*/」を使います。 「HTMLファイル」での文字の記述場所は、「float」で指定した「画像（要素）」の後ろに記述します。 <h3>サンプル３</h3> <img src="static/images/sample3.gif"> <… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fstart-python.hateblo.jp%2Fentry%2F2020%2F02%2F08%2F090000" title="CSSで文字の右に画像を表示する方法／画像を背景に指定する - ふたり暮らし" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/S/Start_python/20200205/20200205105521.png Hatena Blog https://hatena.blog 2020-02-08 09:00:00 rich https://start-python.hateblo.jp/entry/2020/02/08/090000 1.0 100%