Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / negative-text-indent-in-inline-block.html
blobc4429863eae9af523dfb37d92ac996c8c627df5a
1 <html>
2 <head>
3 <style>
4 .inlineBlock {
5 display: inline-block;
6 border: solid black 1px;
7 text-indent: -30px;
10 #float {
11 float: left;
12 margin-left: -20px;
13 visibility: hidden;
14 height: 10px;
17 #floatRTL {
18 float: right;
19 margin-right: -20px;
20 visibility: hidden;
21 height: 10px;
24 #ltr > div {
25 padding-left: 30px;
28 #rtl {
29 direction: rtl;
32 #rtl > div {
33 padding-right: 30px;
36 </style>
37 </head>
38 <body>
39 <p>None of the inline text boxes below should have wrapping text.</p>
40 <div id="ltr">
41 <div class="inlineBlock"><span>This here</span>
42 </div>
43 <div class="inlineBlock"><input type="checkbox" id="float" />
44 This here</div>
45 </div>
46 <div id="rtl">
47 <div class="inlineBlock"><span>This here</span>
48 </div>
49 <div class="inlineBlock"><input type="checkbox" id="floatRTL" />
50 This here</div>
51 </div>