MozshotとCSSでサムネイル画像の横に文字列を回り込みさせる方法

  • 投稿
  • 編集

MozshotとCSSを組み合わせて

サイトのサムネイル画像の周りに文字を回り込ませて配置。

リンク集のページなどに便利です。

<style type="text/css">
/*画像の回り込みの設定*/
.imgLeft { float : left ; }
/*文字の回り込みの解除*/
.clrLeft { clear : both ; }
</style>
<div class="clrLeft">
<p class="imgLeft">
<img src="http://mozshot.nemui.org/shot/large?http://hoshiya.biz" alt="星屋工作室" />
星屋工作室
</p>
</div>

↓↓上記でこうなる↓↓


星屋工作室星屋工作室


このサイトのトラックバックにも使用しています。