JSFiddle - React, Tailwind, and code Playground

by BelkinVadim

HTML

<div class="div">Текст снаружи
<div  class="block n1">Текст внутри</div>
</div>

<div class="div">Текст снаружи
<div class="inline">Текст внутри</div>
</div>

<div class="div">Текст снаружи
<div class="inline-block">Текст внутри</div>
</div>

CSS

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.n1{
border: 1px solid #000;
width: 250px;
height: 100px;
padding: 10px 20px;   
}
.n1:before {
    content: "Псевдоэлемент";
}

.div{
border: 10px solid #000000
}
.block{
display: block;    
}
.inline{
display: inline;    
}
.inline-block{
display: inline-block;    
}