Beispiel:Ch.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<title>Längenmaße mit ch</title>
<style>
:root { font-size: 1em; }
.em {max-width: 15em;}
.ex {max-width: 15ex;}
.ch {max-width: 15ch;}
</style>
</head>
<body>
<h1>Längenmaße mit <code>em</code> und <code>ch</code></h1>
<h2>em</h2>
<p class="em">Das ist eine lange Textzeile, die nach 15em umbricht.</h2>
<h2>ex</h2>
<p class="ex">Das ist eine lange Textzeile, die nach 15ex umbricht.</h2>
<h2>ch</h2>
<p class="ch">Das ist eine lange Textzeile, die nach 15ch umbricht.</h2>
</body>
</html>