block-ellipsis-032-ref.html (792B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: test reference</title> 4 <style> 5 .clamp { 6 border: 1px solid black; 7 font-family: monospace; 8 width: 29ch; 9 text-wrap: nowrap; 10 margin-bottom: 1em; 11 } 12 .right { 13 text-align: right; 14 } 15 .justified { 16 text-align-last: justify; 17 } 18 .green { 19 color: green; 20 font-weight: bold; 21 } 22 </style> 23 24 <p>Test passes if the text in the following blocks, including the ellipsis, is aligned to the proper 25 margin, and if they all have some green text and no red.</p> 26 27 <div class="clamp"> 28 This text is <span class="green">left-aligned</span>… 29 </div> 30 <div class="clamp right"> 31 This text is <span class="green">right-aligned</span>… 32 </div> 33 <div class="clamp justified"> 34 This text is <span class="green">justified</span>… 35 </div>