text-indent-text-align-end-ref.html (692B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: text-indent with text-align: end</title> 4 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"> 6 <meta name="assert" content="Percentages in text-indent refer to width of the element's content box"> 7 <style> 8 .container { 9 border: solid; 10 width: 200px; 11 text-align: end; 12 } 13 14 .content { 15 display: inline-block; 16 width: 50px; 17 height: 20px; 18 background: green; 19 } 20 </style> 21 22 <p>Test passes if the green square is positioned against the right edge of the box.</p> 23 24 <div class="container"> 25 <div class="content"></div> 26 </div>