JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<div id="brief">
  <h1 id="top">Bruce Wu</h1>
  <ul>
    <li><a href="#Education">Education</a></li>
    <li><a href="#Skills">Skills</a></li>
  </ul>
  <p>
    Bruce Wu is a <span class="highlight">professional</span> software developer.
  </p><span>aaaaa</span><span>aaaaa2</span>
</div>

<h2 id="Education">Education</h2>
<ul>
  <li>EMBA, Troy University</li>
  <li><a href="http://www.tku.edu.tw" target="_balnk">TKU</a></li>
</ul>
<h2 id="Skills">Skills</h2>
<a href="#top">Go top</a>
<ul>
  <li>ASP.NET MVC</li>
  <li>C#</li>
  <li>Windows Server</li>
</ul>


<table>
  <tr>
    <td>firstName</td>
    <td>lastName</td>
    <td>aget</td>
    <td>skills</td>
  </tr>
  <tr>
    <td>Bruce</td>
    <td>Wu</td>
    <td>47</td>
    <td>test</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

<img id="avatar" src="https://cdn-s3.si.com/s3fs-public/styles/marquee_large_2x/public/2016/04/26/nfl-draft-2016-carson-wentz-qb.jpg?itok=XzkADH_O" alt="Wentz">

CSS

#avatar {
  width: 100px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 50px;
}

.highlight {
  font-size: 1.5em;
  color: red;
}
#brief{
  border: 1px solid red;
  padding: 1em;
  margin: 1em;
}