third_party/WebKit/LayoutTests/fast/css/word-space-extra.html

   1 <html>
   2
   3 <head>
   4     <title>word-spacing and letter-spacing &uuml;ber-test</title>
   5     <!--
   6        This tests wordspacing under a variety of conditions.  Things to note:
   7        * Within a <pre> block multiple spaces only have the word-spacing applied once,
   8          eg. the distance between 'foo' and 'bar' in <pre>foo bar</pre>, will not be doubled
   9          in <pre>foo  bar</pre>.  The block size should be approximately
  10          numchars*(charwidth+letter_spacing)+(numwords-1)*word_spacing.
  11        * <pre>elements too</pre>, <pre>elements <!-- comment --*> too</pre> have a different
  12          number of spaces seperating 'elements' and 'too', hence will have different sized gaps
  13        * <pre> blocks are already using a monospace font so no difference may be visible in
  14          the monospace sections within them.
  15      -->
  16 </head>
  17
  18 <body style="overflow:hidden;">
  19
  20 <h2>word-spacing</h2>
  21
  22 <pre style="word-spacing: 20px; float: left;">
  23 <h3>In a floated pre</h3>
  24 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
  25 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
  26 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
  27 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
  28 <span style="font-family: monospace">Word   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
  29 Word   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
  30 Word   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
  31 </pre>
  32
  33 <br style="clear:both;"/>
  34
  35 <pre style="word-spacing: 20px;">
  36 <h3>In an un-floated pre</h3>
  37 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
  38 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
  39 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
  40 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
  41 <span style="font-family: monospace">Word   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
  42 Word   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
  43 Word   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
  44 </pre>
  45
  46 <span style="word-spacing: 20px;">
  47 <h3>In a span</h3>
  48 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.<br/>
  49 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)<br/>
  50 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)<br/>
  51 Word   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)<br/>
  52 <span style="font-family: monospace">Word   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)<br/>
  53 Word   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)<br/>
  54 Word   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
  55 </span>
  56
  57 <br/>
  58 <br/>
  59 <br/>
  60
  61 <h2>letter-spacing</h2>
  62 <pre style="letter-spacing: 5px; float: left;">
  63 <h3>In a floated pre</h3>
  64 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
  65 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
  66 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
  67 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
  68 <span style="font-family: monospace">Letter   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Letter to elements)
  69 Letter   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
  70 Letter   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
  71 </pre>
  72
  73 <br style="clear:both;"/>
  74
  75 <pre style="letter-spacing: 5px;">
  76 <h3>In an un-floated pre</h3>
  77 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
  78 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
  79 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
  80 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
  81 <span style="font-family: monospace">Letter   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Letter to elements)
  82 Letter   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
  83 Letter   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
  84 </pre>
  85
  86 <br style="clear:both;"/>
  87
  88 <span style="letter-spacing: 5px;">
  89 <h3>In a span</h3>
  90 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.<br/>
  91 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)<br/>
  92 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)<br/>
  93 Letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)<br/>
  94 <span style="font-family: monospace">Letter   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Letter to elements)<br/>
  95 Letter   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)<br/>
  96 Letter   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
  97 </span>
  98
  99 <br/>
 100 <br/>
 101 <br/>
 102
 103 <h2>both-spacing</h2>
 104 <pre style="word-spacing: 20px; letter-spacing: 5px; float: left;">
 105 <h3>In a floated pre</h3>
 106 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
 107 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
 108 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
 109 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
 110 <span style="font-family: monospace">Word and letter   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
 111 Word and letter   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
 112 Word and letter   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
 113 </pre>
 114
 115 <br style="clear:both;"/>
 116
 117 <pre style="word-spacing: 20px; letter-spacing: 5px;">
 118 <h3>In an un-floated pre</h3>
 119 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
 120 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
 121 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
 122 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
 123 <span style="font-family: monospace">Word and letter   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
 124 Word and letter   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
 125 Word and letter   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
 126 </pre>
 127
 128 <br style="clear:both;"/>
 129
 130 <span style="word-spacing: 20px; letter-spacing: 5px;">
 131 <h3>In a span</h3>
 132 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.<br/>
 133 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)<br/>
 134 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)<br/>
 135 Word and letter   spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)<br/>
 136 <span style="font-family: monospace">Word and letter   spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)<br/>
 137 Word and letter   spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)<br/>
 138 Word and letter   spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
 139 </span>
 140
 141 </body>
 142
 143 </html>