text-indent-text-align-end.html (832B)
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 <link rel="match" href="reference/text-indent-text-align-end-ref.html"> 7 <style> 8 .container { 9 border: solid; 10 width: 200px; 11 text-indent: 50px; 12 text-align: end; 13 } 14 15 .content { 16 display: inline-block; 17 width: 50px; 18 height: 20px; 19 background: green; 20 } 21 </style> 22 23 <p>Test passes if the green square is positioned against the right edge of the box.</p> 24 25 <!-- 26 In this case the `text-indent` doesn't affect the positioning of the content 27 when text-align positions it further than the indent does. 28 --> 29 <div class="container"> 30 <div class="content"></div> 31 </div>