タグ

ブックマーク / css-el.seesaa.net (1)

  • テキストの横に並ぶ画像の位置合わせ その2

    こんにちは 馬場です。 前回(前々回?)は、 テキストの横に並ぶ画像の位置調整について vertical-alignを使用した対応をご紹介しました。 今回は、 vertical-alignとは別の方法、 positionやmarginを使った対応方法を ご紹介します。 vertical-alignを使用した場合と それほど表示が変わるわけではないので、 こんな方法もあるという程度で ご覧ください。 テキストの横に並ぶ画像の位置合わせ その1へ ・positionを使った対応 ・marginを使った対応 ・vertical-alignとposition(margin)を使った対応 ▼positionを使った対応 positionを使って調整する場合は、 position:relativeを指定し、 topやbottomで調整します。 その1でご紹介した、 vertical-alignの数値指

    テキストの横に並ぶ画像の位置合わせ その2
  • 1