tor-browser

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

floats-ref.html (857B)

      1 <!DOCTYPE html>
      2 <style>
      3 .test {
      4  background: green;
      5  border: solid 2px;
      6 }
      7 
      8 .container-1 {
      9  height: 100px;
     10  width: 300px;
     11 }
     12 
     13 .container-2 {
     14  height: 50px;
     15  width: 50px;
     16 }
     17 
     18 .container-3 {
     19  height: 80px;
     20  width: 80px;
     21 }
     22 
     23 .left {
     24  float: left;
     25  writing-mode: horizontal-tb;
     26 }
     27 
     28 .right {
     29  float: right;
     30  writing-mode: vertical-rl;
     31 }
     32 </style>
     33 
     34 <div class="container-1">
     35  <div class="left test" style="height: 100px; width: 96px;"></div>
     36  <div class="right test" style="height: 96px; width: 100px;"></div>
     37 </div>
     38 
     39 <div class="container-2">
     40  <div class="left test" style="height: 25px; width: 46px;"></div>
     41  <div class="right test" style="height: 46px; width: 25px;"></div>
     42 </div>
     43 
     44 <div class="container-3">
     45  <div class="left test" style="height: 25px; width: 76px;"></div>
     46  <div class="right test" style="height: 76px; width: 25px;"></div>
     47 </div>