Beispiel:Ch.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!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>