negative-text-indent-in-inline-block.html

<html>
<head>
<style>
.inlineBlock {
  display: inline-block;
  border: solid black 1px;
  text-indent: -30px;
}

#float {
  float: left;
  margin-left: -20px;
  visibility: hidden;
  height: 10px;
}

#floatRTL {
  float: right;
  margin-right: -20px;
  visibility: hidden;
  height: 10px;
}

#ltr > div {
  padding-left: 30px;
}

#rtl {
	direction: rtl;
}

#rtl > div {
  padding-right: 30px;
}

</style>
</head>
<body>
<p>None of the inline text boxes below should have wrapping text.</p>
<div id="ltr">
<div class="inlineBlock"><span>This here</span>
</div>
<div class="inlineBlock"><input type="checkbox" id="float" /> 
This here</div>
</div>
<div id="rtl">
<div class="inlineBlock"><span>This here</span>
</div>
<div class="inlineBlock"><input type="checkbox" id="floatRTL" /> 
This here</div>
</div>

chromium/third_party/blink/web_tests/fast/css/negative-text-indent-in-inline-block.html