blob: b6f6ad256a088b06dcd423813e3cbe6f17de1b96 [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.
| The line will be indented to the left if the value is negative.
| 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 {
margin-left: 20px;
display: inline-block;
}
.indent {
text-indent: -20px;
}
</style>
</head>
<body>
<div>In my <span class="indent">BLOCK</span> younger and more vulnerable years</div>
<div>In my <span>BLOCK</span> younger and more vulnerable years</div>
</body>
</html>