Realize image text alignment CSS

<style>
    p span,img{
      vertical-align: middle;
    }
</style>

<p>
  <span>fsafsafsafsa</span>
  <img src="../images/1.png" alt="">
  <span>fsafsafsafsa</span>
</p>

Intelligent Recommendation

HTML5 image and text alignment

Add to imgalign="absbottom" or align="absmiddle" The bottom edge of the AbsBottom image is aligned with the bottom edge of the largest element in the same row. AbsMiddle The middle...

The image alignment with CSS

Characteristic with respect to align <img> element, the more a page designer to align the float property images. Alignment may be achieved in two ways. In order to ensure that the text is not in...

CSS text spacing and text alignment

CSS text spacing and text alignment CSS has a letter-spacing property, but sometimes it is still difficult to align. And in a small program, & nbsp; invalid Here, you need to align your name and m...

CSS-advanced skills (triangle, user interface style, image form text alignment, text ellipsis,)

CSS Triangle 1. We can simulate the triangle effect with css border 2. The width and height are 0 3. We have to write all 4 borders, only keep the required border color, and the rest cannot be omitted...