third_party/WebKit/LayoutTests/fast/css/negative-text-indent-in-inline-block.html

   1 <html>
   2 <head>
   3 <style>
   4 .inlineBlock {
   5   display: inline-block;
   6   border: solid black 1px;
   7   text-indent: -30px;
   8 }
   9
  10 #float {
  11   float: left;
  12   margin-left: -20px;
  13   visibility: hidden;
  14   height: 10px;
  15 }
  16
  17 #floatRTL {
  18   float: right;
  19   margin-right: -20px;
  20   visibility: hidden;
  21   height: 10px;
  22 }
  23
  24 #ltr > div {
  25   padding-left: 30px;
  26 }
  27
  28 #rtl {
  29         direction: rtl;
  30 }
  31
  32 #rtl > div {
  33   padding-right: 30px;
  34 }
  35
  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>