垂直对齐图像 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    img.top {
      vertical-align: text-top;
    }

    img.bottom {
      vertical-align: text-bottom;
    }
  </style>
</head>

<body>
  <p>一个<img src="/examples/logo.png" alt="mifengjc" width="270" height="50" />默认对齐的图像。</p>
  <p>一个<img class="top" src="/examples/logo.png" alt="mifengjc" width="270" height="50" /> text-top 对齐的图像。</p>
  <p>一个<img class="bottom" src="/examples/logo.png" alt="mifengjc" width="270" height="50" /> text-bottom 对齐的图像。</p>
</body>
</html>
        