OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 #container { | |
4 position: relative; | |
5 width: 300px; | |
6 height: 300px; | |
7 border: solid 1px red; | |
8 } | |
9 | |
10 #right-align-block { | |
11 position: absolute; | |
12 right: 0; | |
13 word-spacing: 10px; | |
14 } | |
15 </style> | |
16 <div id="container"> | |
17 <div id="right-align-block"> | |
18 <span>AAAAA</span> | |
19 <span style="display:inline-block">BBBBB</span> | |
20 <span>CCCCC</span> | |
21 </div> | |
22 </div> | |
23 This test passes if the texts are aligned right, without overflowing. | |
OLD | NEW |