CSS - właściwości vertical-align
vertical-align
| kod |
wynik kodu |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - text</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
.one {
vertical-align: baseline;
}
.two {
vertical-align: sub;
}
.three {
vertical-align: super;
}
.four {
vertical-align: 30px;;
}
.five {
vertical-align: -30px;
}
.six {
vertical-align: 50%;
}
.seven {
vertical-align: -50%;
}
td {
border: 2px solid black;
height: 100px;
}
</style>
</head>
<body>
1. Koko koko euro spoko. <span class="one">Koko dżambo i do przodu.</span> Koko koko euro spoko.<br /><br />
2. Koko koko euro spoko. <span class="two">Koko dżambo i do przodu.</span> Koko koko euro spoko.<br /><br />
3. Koko koko euro spoko. <span class="three">Koko dżambo i do przodu.</span> Koko koko euro spoko.<br /><br />
4. Koko koko euro spoko. <span class="four">Koko dżambo i do przodu.</span> Koko koko euro spoko.<br /><br />
5. Koko koko euro spoko. <span class="five">Koko dżambo i do przodu.</span> Koko koko euro spoko.<br /><br />
6. Koko koko euro spoko. <span class="six">Koko dżambo i do przodu.</span> Koko koko euro spoko.<br /><br />
7. Koko koko euro spoko. <span class="seven">Koko dżambo i do przodu.</span> Koko koko euro spoko.<br /><br />
<br />
<table>
<tr>
<td style="vertical-align: top;">vertical-align: top</td>
<td style="vertical-align: middle;">vertical-align: middle</td>
<td style="vertical-align: bottom;">vertical-align: bottom</td>
</tr>
</table>
</body>
</html>
|
|