text-indent-overflow-ref.html (630B)
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 <style> 7 .container { 8 border: solid; 9 width: 200px; 10 } 11 12 .content { 13 display: inline-block; 14 width: 50px; 15 height: 20px; 16 background: green; 17 } 18 </style> 19 20 <p>Test passes if the green square is positioned just past the content edge of the box.</p> 21 22 <div class="container"> 23 <span style="margin-left: 200px;"><div class="content"></div></span> 24 </div>