W3Context Online Editor v1.1

<!DOCTYPE html>
<html lang="en">
<head>
  <title>CSS text Example</title>
  <style>
    #p1 {
      vertical-align: baseline;
    }

#p2 {
      vertical-align: text-top;
    }

#p3 {
      vertical-align: text-bottom;
    }

#p4 {
      vertical-align: sub;
    }

#p5 {
      vertical-align: super;
    }
  </style>
</head>
<body>
  <h1>CSS text Example</h1>
  <p>See the image <img id="p1" src="resources/images/star3.png" width="9" height="9"> position according to their
    vertical-align value baseline.</p>
  <p>See the image <img id="p2" src="resources/images/star3.png" width="9" height="9"> position according to their
    vertical-align value text-top.</p>
  <p>See the image <img id="p3" src="resources/images/star3.png" width="9" height="9"> position according to their
    vertical-align value text-bottom.</p>
  <p>See the image <img id="p4" src="resources/images/star3.png" width="9" height="9"> position according to their
    vertical-align value sub.</p>
  <p>See the image <img id="p5" src="resources/images/star3.png" width="9" height="9"> position according to their
    vertical-align value super.</p>
</body>
</html>