Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/tab-size/tab-size-integer-004.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<title>CSS Text Test: tab-size: bloc container</title>
<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>