JSFiddle - React, Tailwind, and code Playground

HTML

<head lang="en">
    <title>Test1</title>    
</head>
<body>
<div id="first">66$ родителя</div>
<div id="second">66% родителя</div>
</body>

CSS

@charset "UTF-8";
#first {
    text-align: center;
    background-color: yellow;
    width: 66%;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 2em;

}
#second {
    text-align: center;
    margin-left: auto;
    background-color: hotpink;
    width: 66%;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 2em;
}