tab-position-with-text-align-ref.html

Enable keyboard shortcuts

<!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>