<!DOCTYPE html>
<html>
<head>
<style>
img {
float: right;
}
</style>
</head>
<body>
<h2>float: right;</h2>
<p>この例では、画像は段落の右側にフロートし、段落内のテキストは画像を囲むように表示されます。</p>
<p><img src="https://img-techis-jp.sgp1.digitaloceanspaces.com/css/pineapple.jpg" alt="Pineapple" style="width:170px;height:170px;margin-left:15px;">
このような場合、このような弊害が発生する可能性があります。 このような試合では、このような試合はありません。このような試合では、試合終了後、試合終了までの時間を短縮することができます。このような碁は、碁の醍醐味を味わうことができる。このような試合は初めてだが、このような素晴らしい試合は初めてである。</p>
</body>
</html>
