- 締切済み
楽天ブログをしています。
楽天ブログをしています。 今は写真や画像を入れるとき、真ん中に入れています。縦長の画像の場合、空白が多くなります。 画像を右か左に寄せて、空いた側に文を入れることはできないのでしょうか。 できるのでしたら、操作の仕方を教えてください。
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- zeff
- ベストアンサー率69% (137/198)
tableにしてしまうほうが楽だと思います。 floatもありますが記事の中だとclearが面倒なので。 div class="box"は仮の名で、記事を記入するdivです。 <style type="text/css"> <!-- div.box{ width:300px; } div.box table{ border:0; border-collapse:collapse; cellspacing:0; border-spacing:0; } div.box td{ margin:0;padding:0; } --> </style> </head> <body> <div class="box"> <!-- 右に文章 --> <table style="width:100%;" summary="画像とその右に文章を記述"> <tr> <td style="width:100px;"><img src="hoge.jpg" alt="画像" title="画像" width="100" height="300"></td> <td style="vertical-align:top;"> <p>右に文章右に文章右に文章右に文章右に文章右に文章右に文章右に文章右に文章右に文章</p> </td> </tr> </table> <!-- 左に文章 --> <table style="width:100%;" summary="画像とその左に文章を記述"> <tr> <td style="vertical-align:top;"> <p>左に文章左に文章左に文章左に文章左に文章左に文章左に文章左に文章左に文章左に文章</p> </td> <td style="width:100px;"><img src="hoge.jpg" alt="画像" title="画像" width="100" height="300"></td> </tr> </table> </div> </body> </html>
