JSFiddle - React, Tailwind, and code Playground

HTML

<div class="lightgrey">
            <div class="content">
                <p>test тег p</p>
                test inline-text
            </div>
        </div>

        <div class="lightgrey">
            <div class="content">
                test inline-text
                <p>test тег p</p>
            </div>
        </div>

        <div class="lightgrey">
            <div class="content">
                <p>test тег p</p>
                test inline-text
                <p>test тег p</p>
            </div>
        </div>

CSS

body {
                font-family:Helvetica;
                padding:10px;
            }

            .lightgrey {
                background:#ddd;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                border-radius:5px;
                margin-top:10px;
            }

            .content {
                padding:20px;
            }

            p {
                margin:20px 0;
            }

            .content p:first-child {
                margin-top:0px;
                margin-bottom:20px;
            }

            .content p:last-child {
                margin-bottom:0px;
                margin-top:20px;
            }