JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
    div.perent{
        color:#898989;
        width:inherit;
        background: red;
    }
        div.child_one{
            display: inline-block;
            width:330px;
            padding:20px;
            background: #FBFBFB;
            border: 1px solid #DBDBDB;
        }
            div.news span.date_news{
                color: #6D8FB3;
            }
        div.child_two{
            display: inline-block;
            position: relative;
            padding:20px;
            width:100px;
            background: #FBFBFB;
            border: 1px solid #DBDBDB;
        }
        

        </style>
    </head>
    <body>
       <div class="perent">
                    <div class="child_one">
                        <span class="date_news">19 октября 2011</span><br>
                        <p class="text_news">Китовая акула, в отличие от большинства других акул, питается только планктоном, отцеживая корм из воды с помощью особого цедильного аппарата, образованного жаберными дугами (подобный способ питания существует только у двух других акул — гигантской и большеротой).
                        </p>
                    </div>
                    <div class="child_two">
                    </div>
                </div>
    </body>
</html>