JSFiddle - React, Tailwind, and code Playground

by HughM

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- 
  Bootstrap docs: https://getbootstrap.com/docs
-->

<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Title</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link href="css/main.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="css/print.css" rel="stylesheet" type="text/css" media="print"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> 
<style>
#phoneno {
  color: aqua
}
</style>
</head>

<body>
<div class="container-fluid">
<div id="page-content">
<div id="header">
<div class="row">
  <div class="col-sm" id="Jones Chiropractic">JONES CHIROPRACTIC</div>
  <div class="col-sm text-right" id="Doctor">Dr. Fred Jones</div>
  <div class="col-sm ml-auto text-right" id="JonesContact">
  123 Main St. W.<br>
  St. Louis, MO<br> 
  Phone <span id="phoneno">(555) 555-5555</span><br>
  Fax (555) 555-5556 <br>
  joneschiropractic@gmail.com
  </div>
</div><!-- row -->
</div><!-- header -->
</div>
</div>
</body>
</html>