JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<body>
  <div class="content">
    <h1>Welcome to my web page!</h1>
    <img src="https://lh3.googleusercontent.com/-3L4O19eKaic/AAAAAAAAAAI/AAAAAAAAR6s/8Fxleq7e0gI/s120-c/photo.jpg" />
    <p>My name is Ryan, and this is my website.</p>
    <div class="pane">
      <h2>About Me</h2>
      <p>I am a sophomore at Harper College studying Computer Science.</p>
    </div>
    <div class="pane">
      <h2>My favorite websites</h2>
      <ul>
        <li><a href="https://facebook.com">Facebook</a></li>
        <li><a href="https://my.harpercollege.edu">Harper College</a></li>
      </ul>
    </div>
  </div>
</body>

CSS

.content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.pane {
    width: 50%;
    float: left;
    padding-right: 10px;
}