blob: 401fbbdbaaa11adb10548204307e01d7d3b1fe2c [file] [log] [blame]
<!DOCTYPE html>
<!--
| The text-indent property should only be applied to the first
| formatted line in a block, which also applies to inline-blocks.
| With an RTL block, the indent should occur on the right side
| of the line.
| https://www.w3.org/TR/css3-text/#text-indent-property
-->
<html>
<head>
<style>
body {
margin: 0px;
font-family: Roboto;
font-size: 20px;
}
div {
width: 320px;
font-weight: normal;
}
span {
display: inline-block;
}
.indent {
text-indent: 3em;
}
</style>
</head>
<body>
<div>In my <span dir="rtl" class="indent">BLOCK</span> younger and more vulnerable years</div>
<div>In my <span>BLOCK</span> younger and more vulnerable years</div>
</body>
</html>