JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>
        This is a sample paragraph with a code block:
        <div class='code'>
            <p> Some line of code </p>
            <p> Another line of code </p>
        </div>
        And another code block:
        <div class='code'>
            <p> Some line of code </p>
            <p> Another line of code </p>
        </div>
    </p>
    <p>
        This is a sample paragraph with a code block:
        <div class='code'>
            <p> Some line of code </p>
            <p> Another line of code </p>
        </div>
        And another code block:
        <div class='code'>
            <p> Some line of code </p>
            <p> Another line of code </p>
        </div>
    </p>
</div>

CSS

.code {
    display: block;
    margin: 1em 6em 1em 2em;
    padding: 0.5em 1.5em 0.5em 2.5em;
    text-indent: -1em;
    font-family: monospace;
    font-size: 0.9em;
    background-color: #eee;
    border-radius: 2px;
    box-shadow: 0 0 1px #000;
}