Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / fast / css3-text / css3-text-indent / text-indent-leading-out-of-flow.html
blob: c4a3196e2354f535dbdd6debacfe5bff019006cd [file] [log] [blame]
<!DOCTYPE html>
<style>
.container {
position: relative;
text-indent: 100px;
height: 50px;
width: 200px;
border: solid;
font: 10px Ahem;
}
.rtl {
direction: rtl;
}
span {
position: absolute;
}
</style>
<script src="../../../resources/check-layout.js"></script>
<p>crbug.com/568851: text-indent should be applied to leading statically positioned out-of-flow objects.</p>
<div class="container">
<span data-offset-x=100>Text</span>
</div>
<div class="container">
<span data-offset-x=100 style="display:inline-block;">Text</span>
</div>
<div class="container">
Text<span data-offset-x=140 style="display:inline-block;">Text</span>
</div>
<div class="container">
Text<br><span data-offset-x=0 style="display:inline-block;">Text</span>
</div>
<div class="container">
Text Text Text Text Text
Text<span data-offset-x=190 style="display:inline-block;">Text</span>
</div>
<div class="container">
<span data-offset-x=100>Text</span>
</div>
<div class="container">
Text<span data-offset-x=140>Text</span>
</div>
<div class="container">
Text<br><span data-offset-x=0>Text</span>
</div>
<div class="container">
Text Text Text Text Text
Text<span data-offset-x=190>Text</span>
</div>
<div class="container rtl">
<span data-offset-x=-40>Text</span>
</div>
<div class="container rtl">
<span data-offset-x=-40 style="display:inline-block;">Text</span>
</div>
<div class="container rtl">
Text<span data-offset-x=-80 style="display:inline-block;">Text</span>
</div>
<div class="container rtl">
Text<br><span data-offset-x=60 style="display:inline-block;">Text</span>
</div>
<div class="container">
Text Text Text Text Text Text Text Text Text Text Text Text
Text<span data-offset-x=140 style="display:inline-block;">Text</span>
</div>
<div class="container rtl">
<span data-offset-x=-40>Text</span>
</div>
<div class="container rtl">
Text<span data-offset-x=-80>Text</span>
</div>
<div class="container rtl">
Text<br><span data-offset-x=60>Text</span>
</div>
<div class="container">
Text Text Text Text Text Text Text Text Text Text Text Text
Text<span data-offset-x=140>Text</span>
</div>
<script>
checkLayout(".container");
</script>