Skip to main content
Module

x/graffiti/examples/layout.html

HTML/CSS engine for node.js and deno.
cztomsik/graffiti
Latest
File
12345678910111213141516171819202122232425262728293031323334353637383940414243
<html><head>  <style>    body > * { background-color: #eee; margin-bottom: 20px }    body > div > div { background-color: #f008; min-height: 20px }  </style></head><body>  <h1>Layout tests</h1>
  <div>    <div style="width: 100px"></div>    <div style="width: 200px"></div>  </div>
  <div style="position: relative; height: 20px">    <div style="width: 50%">A</div>    <div style="position: absolute; top: 0; left: 25%; width: 50%">B</div>  </div>
  <table>    <thead>      <tr>        <th>Col</th>        <th>Col</th>      </tr>    </thead>    <tbody>      <tr>        <td>Cell</td>        <td>Cell</td>      </tr>    </tbody>  </table>
  <div style="display: flex">    <div style="line-height: 10px; margin-right: 10px;">XXX</div>    <div style="line-height: 20px; margin-right: 10px;">XXX</div>    <div style="line-height: 30px">XXX</div>  </div></body></html>