何気にこういう細かい部分を調整してあげると見た目も綺麗なりますよね。CSSで画像をfloatしてテキストを回り込ませた時に、画像の下の余白が1行分くらい空いたりすることってあるかと思います。そんな時はテキストのfont-sizeとline-heightに合わせて画像サイズを決めると綺麗に表示させることができます。ということで以下やり方です。 [ads_center] テキストの行を画像に合わせる 以下のように画像の下に余白ができる時ってありますよね。 これを綺麗に揃えていきます。Webデザインレシピさんの記事が参考になりました。 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め まずは1行分の高さを計算していきます。font-sizeが14pxでline-heightを1.5にすると 14px × 1.5 = 21px 1行が21pxになります。で、それを8行分にしたと
![CSSで画像をfloatさせた時にテキストの行間を綺麗に揃えるやり方 – bl6.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ec49e19ef6592cc0d44b72cb561a4591afadd35/height=288;version=1;width=512/https%3A%2F%2Fbl6.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F04%2Fcss-float-text.jpg)