JSFiddle - React, Tailwind, and code Playground

by TimPietrusky

HTML

<div class="grid" style="
    display: table;
    width: 100%;
">
    
    <div class="col-2-3 content" style="
    display: table-cell;
">
      <article>
        <h2>This is a sample Headline and is very loooong to test if this will work</h2>
        <p>This is a test text i hope i will write alotmore on this blog.</p>
        <code><pre>This is a code 
        block i will 
        use prism.js for highlighting.</pre></code>
      </article>
    </div>
  <header class="col-1-3" style="
    display: table-cell;
">
      <div class="avatar">
        <img src="http://1.gravatar.com/avatar/89b9501f0f9e3020aab173f9a5a47683?size=100">  
      </div>
      <h2>Fabrice Weinberg</h2>
      <em>It's about web stuff.</em>
      <ul>
        <li><a href="">Twitter</a></li>
        <li><a href="">CodePen</a></li>
        <li><a href="">GitHub</a></li>
      </ul>
    </header></div>
  <footer>
    Fabrice Weinberg - 2012
  </footer>