50 lines
774 B
HTML
50 lines
774 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
.inlineBlock {
|
|
display: inline-block;
|
|
border: solid black 1px;
|
|
text-indent: -30px;
|
|
}
|
|
|
|
#float {
|
|
float: left;
|
|
margin-left: -20px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
#floatRTL {
|
|
float: right;
|
|
margin-right: -20px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
#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>
|