JSFiddle - React, Tailwind, and code Playground

HTML

<p class="hangingindent"><b>Example 1:</b> A BruxZir bridge has 3 mm high x 3 mm wide connectors. 3 mm2 x 3 mm = 3x3x3 = 27. This bridge will be able to carry a proportional load in the oral environment, according to the Rule of 27.
    <p>

CSS

.hangingindent {
    padding-left: 5em;
    text-indent: -5em;
}