tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

multicol-basic-ref.html (1649B)


      1 <!DOCTYPE html>
      2 <html>
      3 <!-- Submitted from TestTWF Paris -->
      4 <head>
      5 <title>CSS Test reference</title>
      6 <link rel="author" title="Anselm Hannemann" href="mailto:info@anselm-hannemann.com"/>
      7 <link rel="reviewer" title="Elika J Etemad" href="http://fantasai.inkedblade.net/contact">
      8 <meta name="flags" content="ahem"/>
      9 
     10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     11 <style type="text/css">
     12 	.multicol-wrapper>*{
     13 		font: 20px/1 Ahem;
     14 	}
     15 
     16 	div.multicol-wrapper{
     17 		border: thin solid black;
     18 		display: inline-block;
     19 		margin: 1em auto;
     20 		width: 360px;
     21 	}
     22 
     23 	.multicol-basic-ref{
     24 		background: yellow;
     25 		width: 360px;
     26 		border-spacing: 0;
     27 		border-collapse: collapse;
     28 		padding: 0;
     29 	}
     30 
     31 	.multicol-basic-ref td{
     32 		padding: 0;
     33 	}
     34 	.multicol-basic-ref-item{
     35 		padding: 0;
     36 		width: 120px;
     37 		background: #000;
     38 		border-spacing: 0;
     39 		border-collapse: collapse;
     40 		display: inline;
     41 		border: none;
     42 	}
     43 
     44 	.item-1{
     45 		background: purple;
     46 		color: purple;
     47 	}
     48 
     49 	.item-2{
     50 		background: orange;
     51 		color: orange;
     52 	}
     53 
     54 	.item-3{
     55 		background: blue;
     56 		color: blue;
     57 	}
     58 </style>
     59 </head>
     60 <body>
     61 <p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p>
     62 <div class="multicol-wrapper">
     63 <table class="multicol-basic-ref">
     64 	<tr>
     65 		<td><div class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td>
     66 		<td><div class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td>
     67 		<td><div class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td>
     68 	</tr>
     69 </table>
     70 </div>
     71 </body>
     72 </html>