tor-browser

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

legend-block-margins-2.html (2819B)

      1 <!DOCTYPE HTML>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html><head>
      7  <meta charset="utf-8">
      8  <title>legend block-axis margins</title>
      9  <link rel="match" href="legend-block-margins-2-ref.html">
     10 <style>
     11 fieldset {
     12  width: 40px;
     13  border: 2px solid blue;
     14  padding: 4px;
     15  margin: 0;
     16 }
     17 legend {
     18  width: 10px;
     19  height: 20px;
     20  padding: 0;
     21  background: grey;
     22 
     23 }
     24 
     25 .t2 fieldset { border-top-width: 12px; }
     26 .t3 fieldset { border-top-width: 12px; }
     27 .t3 legend { height: 6px; }
     28 
     29 div { border: 1px solid;  margin: 0 2px 10px 0; }
     30 c { display:block; height:10px; background: lightgrey; }
     31 f { float: left; }
     32 </style>
     33 </head>
     34 <body>
     35 
     36 <f>
     37 <div>
     38  <fieldset><legend></legend><c></c></fieldset>
     39 </div>
     40 
     41 <div>
     42  <fieldset><legend style="margin-top: 10px"></legend><c></c></fieldset>
     43 </div>
     44 
     45 <div>
     46  <fieldset><legend style="margin-top: -10px"></legend><c></c></fieldset>
     47 </div>
     48 
     49 <div>
     50  <fieldset><legend style="margin-top: -20px"></legend><c></c></fieldset>
     51 </div>
     52 
     53 <div>
     54  <fieldset><legend style="margin-top: -30px"></legend><c></c></fieldset>
     55 </div>
     56 
     57 <div>
     58  <fieldset><legend style="margin-bottom: 10px"></legend><c></c></fieldset>
     59 </div>
     60 
     61 <div>
     62  <fieldset><legend style="margin-bottom: 20px"></legend><c></c></fieldset>
     63 </div>
     64 
     65 <div>
     66  <fieldset><legend style="margin-bottom: -20px"></legend><c></c></fieldset>
     67 </div>
     68 </f>
     69 
     70 <f class=t2>
     71 <div>
     72  <fieldset><legend></legend><c></c></fieldset>
     73 </div>
     74 
     75 <div>
     76  <fieldset><legend style="margin-top: 10px"></legend><c></c></fieldset>
     77 </div>
     78 
     79 <div>
     80  <fieldset><legend style="margin-top: -10px"></legend><c></c></fieldset>
     81 </div>
     82 
     83 <div>
     84  <fieldset><legend style="margin-top: -20px"></legend><c></c></fieldset>
     85 </div>
     86 
     87 <div>
     88  <fieldset><legend style="margin-top: -30px"></legend><c></c></fieldset>
     89 </div>
     90 
     91 <div>
     92  <fieldset><legend style="margin-bottom: 10px"></legend><c></c></fieldset>
     93 </div>
     94 
     95 <div>
     96  <fieldset><legend style="margin-bottom: 20px"></legend><c></c></fieldset>
     97 </div>
     98 
     99 <div>
    100  <fieldset><legend style="margin-bottom: -20px"></legend><c></c></fieldset>
    101 </div>
    102 </f>
    103 
    104 <f class=t3>
    105 <div>
    106  <fieldset><legend></legend><c></c></fieldset>
    107 </div>
    108 
    109 <div>
    110  <fieldset><legend style="margin-top: 10px"></legend><c></c></fieldset>
    111 </div>
    112 
    113 <div>
    114  <fieldset><legend style="margin-top: -10px"></legend><c></c></fieldset>
    115 </div>
    116 
    117 <div>
    118  <fieldset><legend style="margin-top: -20px"></legend><c></c></fieldset>
    119 </div>
    120 
    121 <div>
    122  <fieldset><legend style="margin-top: -30px"></legend><c></c></fieldset>
    123 </div>
    124 
    125 <div>
    126  <fieldset><legend style="margin-bottom: 10px"></legend><c></c></fieldset>
    127 </div>
    128 
    129 <div>
    130  <fieldset><legend style="margin-bottom: 20px"></legend><c></c></fieldset>
    131 </div>
    132 
    133 <div>
    134  <fieldset><legend style="margin-bottom: -20px"></legend><c></c></fieldset>
    135 </div>
    136 </f>
    137 
    138 </body>
    139 </html>