Blitz - WPT: tab-position-with-text-align.html

wpt / css / css-text / white-space / tab-position-with-text-align.html

/css/css-text/white-space/tab-position-with-text-align.html

<!DOCTYPE html>
<html>
<head>
<title>Tab positions with text-align and text-indent</title>
<link rel="help" href="https://drafts.csswg.org/css-text/#white-space-phase-2">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<link rel="match" href="tab-position-with-text-align-ref.html">
<style>
div {
    font: 20px/1 Ahem;
    white-space: pre;
    width: 800px;
}
</style>
</head>
<body>
<div style="text-align: center;">X	X</div>
<div style="text-indent: 20px;">X	X</div>
</body>
</html>

/css/css-text/white-space/tab-position-with-text-align-ref.html

<!DOCTYPE html>
<html>
<head>
<title>Tab positions with text-align and text-indent - reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
div {
    font: 20px/1 Ahem;
    white-space: pre;
    width: 800px;
}
.tab { display: inline-block; }
</style>
</head>
<body>
<div style="text-align: center;">X<span class="tab" style="width: 140px;"></span>X</div>
<div style="text-indent: 20px;">X<span class="tab" style="width: 120px;"></span>X</div>
</body>
</html>