text-indent-overflow.html (884B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: text-indent causing text to overflow container</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-overflow-ref.html"> 7 <style> 8 .container { 9 border: solid; 10 width: 200px; 11 text-indent: 200px; 12 text-align: right; 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 just past the content edge of the box.</p> 24 25 <!-- 26 In this case the `text-indent` is as wide as the container, but should be 27 handled like the linebox had a large left margin, causing the content to 28 overflow the container. 29 --> 30 <div class="container"> 31 <div class="content"></div> 32 </div>