Advertisement
Guest User

Untitled

a guest
Jan 19th, 2017
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.26 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.   <meta charset="utf-8">
  6.   <style>
  7.     td { width: 50%; }
  8.     td { border-bottom: 2px solid green; }
  9.  
  10.     .d0 {
  11.       width: 100%;
  12.       display: flex;
  13.       flex-direction: column;
  14.  
  15.       background-color: lightgray;
  16.     }
  17.  
  18.     .d1 {
  19.       display: flex;
  20.       flex-grow: 1;
  21.  
  22.       border: 1px dotted gray;
  23.     }
  24.  
  25.     .d2 {
  26.       flex-grow: 1;
  27.  
  28.       background-color: yellow;
  29.     }
  30.  
  31.     .d3 {
  32.       width: 64px;
  33.       flex-grow: 0;
  34.       flex-shrink: 0;
  35.  
  36.       background-color: blue;
  37.     }
  38.   </style>
  39. </head>
  40.  
  41. <body>
  42.   <table width="100%">
  43.     <tr>
  44.       <td>what</td>
  45.       <td class="d0">
  46.         <div class="d1">
  47.           <div class="d2">the</div>
  48.           <div class="d3">fuck?</div>
  49.         </div>
  50.       </td>
  51.     </tr>
  52.     <tr>
  53.       <td>what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what what</td>
  54.       <td class="d0">
  55.         <div class="d1">
  56.           <div class="d2">the</div>
  57.           <div class="d3">fuck?</div>
  58.         </div>
  59.       </td>
  60.     </tr>
  61.   <table>
  62. </body>
  63.  
  64. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement