<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>CSS Text reference</title> | |
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | |
<style> | |
.test { | |
font: 20px Ahem, monospace; | |
width: 15ch; | |
border: 1px solid gray; | |
padding: 5px; | |
white-space: normal; | |
text-align: left; | |
} | |
</style> | |
</head> | |
<p>The text on each line should be neatly left-aligned:</p> | |
<div class=test>one two three<br> | |
four five<br> | |
six seven eight<br> | |
nine ten.<br> | |
un deux trois<br> | |
quatre cinq<br> | |
six sept huit<br> | |
neuf dix</div> |