<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>