JSFiddle - React, Tailwind, and code Playground
by Qwerty_Wasd
HTML
<fieldset>
<legend>О нас</legend>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat nibh eget est luctus sodales. Aliquam rutrum enim eu placerat volutpat. Maecenas nec tellus sit amet lorem euismod gravida et id sem. Integer eget neque enim. Sed eleifend, magna et eleifend porttitor, nisl quam lobortis magna, eget fringilla nisl augue eu massa. Vivamus vitae orci ut erat finibus consectetur vel id tortor. Quisque in eleifend lectus, ac mattis neque. Suspendisse pretium lobortis turpis porta vestibulum. Etiam vel felis quis massa elementum semper. Phasellus dictum, urna id pellentesque commodo, quam sapien facilisis purus, ut fermentum magna eros sit amet elit. Nunc imperdiet placerat nunc, quis viverra felis malesuada nec. Maecenas ut felis in neque vestibulum viverra. Nunc urna enim, aliquet a convallis quis, sagittis ut metus. Nunc nec ex placerat, fermentum turpis id, rhoncus felis. Aenean suscipit purus et feugiat ultricies. Morbi sit amet ex sit amet nisi efficitur efficitur eget vitae sapien.
</fieldset>
CSS
fieldset{
background:#61c419;
color:white;
border:0;
border-radius:10px;
-webkit-box-shadow: 0px 0px 5px 5px rgba(97,196,25,1);
-moz-box-shadow: 0px 0px 5px 5px rgba(97,196,25,1);
box-shadow: 0px 0px 5px 5px rgba(97,196,25,1);
}
legend{
margin-left:20px;
font-size: 36px;
color: #FFFFFF;
text-shadow:
-0 -7px 5px #61C419,
0 -7px 5px #61C419,
-0 7px 5px #61C419,
0 7px 5px #61C419,
-7px -0 5px #61C419,
7px -0 5px #61C419,
-7px 0 5px #61C419,
7px 0 5px #61C419,
-1px -7px 5px #61C419,
1px -7px 5px #61C419,
-1px 7px 5px #61C419,
1px 7px 5px #61C419,
-7px -1px 5px #61C419,
7px -1px 5px #61C419,
-7px 1px 5px #61C419,
7px 1px 5px #61C419,
-2px -7px 5px #61C419,
2px -7px 5px #61C419,
-2px 7px 5px #61C419,
2px 7px 5px #61C419,
-7px -2px 5px #61C419,
7px -2px 5px #61C419,
-7px 2px 5px #61C419,
7px 2px 5px #61C419,
-3px -7px 5px #61C419,
3px -7px 5px #61C419,
-3px 7px 5px #61C419,
3px 7px 5px #61C419,
-7px -3px 5px #61C419,
7px -3px 5px #61C419,
-7px 3px 5px #61C419,
7px 3px 5px #61C419,
-4px -7px 5px #61C419,
4px -7px 5px #61C419,
-4px 7px 5px #61C419,
4px 7px 5px #61C419,
-7px -4px 5px #61C419,
7px -4px 5px #61C419,
-7px 4px 5px #61C419,
7px 4px 5px #61C419,
-5px -7px 5px #61C419,
5px -7px 5px #61C419,
-5px 7px 5px #61C419,
5px 7px 5px #61C419,
-7px -5px 5px #61C419,
7px -5px 5px #61C419,
-7px 5px 5px #61C419,
7px 5px 5px #61C419,
-6px -7px 5px #61C419,
6px -7px 5px #61C419,
-6px 7px 5px #61C419,
6px 7px 5px #61C419,
-7px -6px 5px #61C419,
7px -6px 5px #61C419,
-7px 6px 5px #61C419,
7px 6px 5px #61C419,
-7px -7px 5px #61C419,
7px -7px 5px #61C419,
-7px 7px 5px #61C419,
7px 7px 5px #61C419,
-7px -7px 5px #61C419,
7px -7px 5px #61C419,
-7px 7px 5px #61C419,
7px 7px 5px #61C419;
}