LayoutTests/fast/text/whitespace/normal-after-nowrap-breaking.html

   1 <head>
   2 <style>
   3 #maps div { display: inline; white-space: normal }
   4 #maps div div { white-space: nowrap }
   5 </style>
   6 </head>
   7 <body>
   8 <fieldset id="alertme">
   9 <div id="maps">
  10 <div><div>
  11 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
  12 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
  13 </div></div>
  14 <div><div>
  15 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
  16 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
  17 </div></div>
  18 <div><div>
  19 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
  20 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
  21 </div></div>
  22 <div><div>
  23 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
  24 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
  25 </div></div>
  26 <div><div>
  27 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
  28 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
  29 </div></div>
  30 <div><div>
  31 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
  32 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
  33 </div></div>
  34 <div><div>
  35 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
  36 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
  37 </div></div>
  38 <div><div>
  39 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
  40 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
  41 </div></div>
  42 <div><div>
  43 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
  44 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
  45 </div></div>
  46 <div><div>
  47 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
  48 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
  49 </div></div>
  50 <div><div>
  51 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
  52 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
  53 </div></div>
  54 <div><div>
  55 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
  56 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
  57 </div></div>
  58 <div><div>
  59 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
  60 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
  61 </div></div>
  62 <div><div>
  63 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
  64 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
  65 </div></div>
  66 <div><div>
  67 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
  68 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
  69 </div></div>
  70 <div><div>
  71 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
  72 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
  73 </div></div>
  74 <div><div>
  75 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
  76 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
  77 </div></div>
  78 <div><div>
  79 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
  80 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
  81 </div></div>
  82 <div><div>
  83 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
  84 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
  85 </div></div>
  86 <div><div>
  87 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
  88 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
  89 </div></div>
  90 <div><div>
  91 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
  92 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
  93 </div></div>
  94 <div><div>
  95 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
  96 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
  97 </div></div>
  98 <div><div>
  99 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
 100 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
 101 </div></div>
 102 <div><div>
 103 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
 104 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
 105 </div></div>
 106 <div><div>
 107 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
 108 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
 109 </div></div>
 110 <div><div>
 111 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
 112 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
 113 </div></div>
 114 <div><div>
 115 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
 116 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
 117 </div></div>
 118 <div><div>
 119 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
 120 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
 121 </div></div>
 122 <div><div>
 123 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
 124 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
 125 </div></div>
 126 <div><div>
 127 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
 128 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
 129 </div></div>
 130 <div><div>
 131 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
 132 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
 133 </div></div>
 134 <div><div>
 135 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
 136 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
 137 </div></div>
 138 <div><div>
 139 <a href="maps/Classic.S.jpg" rel="lightbox" title="Classic Map"><img src="maps/Classic.thumb.png" width="50" height="34" alt="Classic" title="Classic" /></a>
 140 <input type="checkbox" name="map[]" id="map_Classic" value="Classic"  /><label for="map_Classic">Classic</label>
 141 </div></div>
 142 <div><div>
 143 <a href="maps/Africa.S.jpg" rel="lightbox" title="Africa Map"><img src="maps/Africa.thumb.png" width="50" height="34" alt="Africa" title="Africa" /></a>
 144 <input type="checkbox" name="map[]" id="map_Africa" value="Africa"  /><label for="map_Africa">Africa</label>
 145 </div></div>
 146 <div><div>
 147 <a href="maps/Alexanders_Empire.S.jpg" rel="lightbox" title="Alexander's Empire Map"><img src="maps/Alexanders_Empire.thumb.png" width="50" height="34" alt="Alexander's Empire" title="Alexander's Empire" /></a>
 148 <input type="checkbox" name="map[]" id="map_Alexanders_Empire" value="Alexander's Empire"  /><label for="map_Alexanders_Empire">Alexander's Empire</label>
 149 </div></div>
 150 <div><div>
 151 <a href="maps/Ancient_Greece.S.jpg" rel="lightbox" title="Ancient Greece Map"><img src="maps/Ancient_Greece.thumb.png" width="50" height="34" alt="Ancient Greece" title="Ancient Greece" /></a>
 152 <input type="checkbox" name="map[]" id="map_Ancient_Greece" value="Ancient Greece"  /><label for="map_Ancient_Greece">Ancient Greece</label>
 153 </div></div>
 154
 155 </div>
 156 </fieldset>