<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="ch1107.css" rel="stylesheet" type="text/css">
<title>
HTML fájl</title>
</head>
<body>
<div>
Alapértelmezett megjelenés: vertical-align: baseline
  <div>Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: bottom
  <div class="bottom">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: middle
  <div class="middle">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: sub
  <div class="sub">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: super
  <div class="super">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: text-bottom
  <div class="textbottom">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: text-top
  <div class="texttop">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: top
  <div class="top">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: 50px
  <div class="px">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: 50%
  <div class="percentage">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: -50px
  <div class="npx">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
  vertical-align: -50%
  <div class="npercentage">Lorem ipsum dolor sit amet<img src="vimage1.gif" alt="" width="60" height="200"> Lorem ipsum dolor sit amet <img src="vimage2.gif" alt="" width="100" height="85"></div>
</div>
</body>
</html>