JSFiddle - React, Tailwind, and code Playground

by mgildea

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
-->

<div class="container">
  <div class="row ">
    <div class="col border-0">
 <header>
  <h2 class="text-primary">Lab Operations</h1>
  <span >fosters innovation & creativity to develop processes and tools to engineer, design, build, operate and maintain stable lab environments for the development, certification, integration, testing and support of all products and services. We will provide end to end collaborative support, triage, surveillance, proactive maintenance, change control, root cause analysis and outage management for all Lab networks, applications, platforms, and infrastructure.</span>
</header>
    </div>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}


header > h2 { display: inline-block; }
header span { margin-left: 5px; }