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 / negative-text-indent-leading-out-of-flow.html
blob: 6b4e84b6c2b2a1c2a87bbdac27cb1b9d6d9cae66 [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=-60 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=-60>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=300>Text</span>
</div>
<div class="container rtl">
<span data-offset-x=300 style="display:inline-block;">Text</span>
</div>
<div class="container rtl">
Text<span data-offset-x=260 style="display:inline-block;">Text</span>
</div>
<div class="container rtl">
Text<br><span data-offset-x=200 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=300>Text</span>
</div>
<div class="container rtl">
Text<span data-offset-x=260>Text</span>
</div>
<div class="container rtl">
Text<br><span data-offset-x=200>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>