| <!DOCTYPE html> |
| <html> |
| <title>CSS Text Test: tab-size: bloc container</title> |
| <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.neat"> |
| <link rel="help" href="http://www.w3.org/TR/css-text-3/#tab-size"> |
| <link rel="match" href="tab-size-integer-004-ref.html"> |
| <meta name="assert" content="Integer tab sizes are based on the nearest block container ancestor, not on the tab itself"> |
| <style> |
| div { |
| white-space: pre; |
| tab-size: 2; /* Overridden, as tab-size applies to inline boxes */ |
| } |
| span { |
| tab-size: 4; |
| |
| /* Various factors that are taken into account in the calculation of the tab size, |
| but do not matter here because it must be calculated based on the block container |
| rather than the inline. |
| */ |
| font-size: 2em; |
| font-family: monospace; |
| letter-spacing: 5px; |
| word-spacing: 5px; |
| } |
| </style> |
| |
| <p>Test passes if the two “X” letters bellow are vertically algined. |
| |
| <div><span>	X<span></div> |
| <div class=ref> <span>X<span></div> |