JSFiddle - React, Tailwind, and code Playground

by David DeLella

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<div class="rrx-quote-details">
  <dl class="dl-horizontal">
    <dt><b>Quote Date #:rerewrewrwrwerewrewrewrewrewrwerew fgfdg gfgfd g</b></dt>
    <dd>6/4/2024 </dd>
    <dt><b>End Customer:</b></dt>
    <dd>L & S ELECTRIC</dd>
  </dl>
</div>

CSS

.rrx-quote-details {
  .dl-horizontal dt {
    text-align: left;
    text-wrap: wrap;
  }
}