trailing-space-and-text-alignment-002-ref.html (804B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Reference File</title> 4 <link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" /> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 6 <style> 7 div { 8 display: inline-block; 9 width: 3ch; 10 height: 100px; 11 font: 40px/1 Ahem; 12 border: 1px solid black; 13 box-sizing: content-box; 14 overflow-y: hidden; 15 overflow-x: auto; 16 } 17 .left { text-align: left; } 18 .center { text-align: center; } 19 .right { text-align: right; } 20 .start { text-align: start; } 21 .end { text-align: end; } 22 </style> 23 <div class="left">XXXX X</div> 24 <div class="center">XXXX X</div> 25 <div class="right">XXXX X</div> 26 <div class="start">XXXX X</div> 27 <div class="end">XXXX X</div>