<!DOCTYPE html>
<html>
<head>
<style>
img {
float: right;
border: 1px dotted black;
margin: 0px 0px 15px 20px;
}
</style>
</head>
<body>
<h2>段落内で画像を右にフロートさせる</h2>
<p>下の段落では、画像が右にフロートします。画像に点線の黒い枠線が追加されます。
また、テキストを画像から遠ざけるために、画像に余白を追加しました。
画像の上部と右側に0pxの余白、下部に15pxの余白、左側に20pxの余白。</p>
<p><img src="w3css.gif" width="100" height="140">
これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。これはテキストです。これはテキストです。 これはテキストです。これはテキストです。これはテキストです。これはテキストです。
</p>
</body>
</html>
