Can someone help me achieve the effect like in the image:
Where for a containing text, I want a title that is a square bracket on the left side with text embedded within the bracket, as the SUMMARY in the example picture.
I cannot get this quite correct, here is what I have tried so far
#my-class {
max-width: 800px;
margin: 0 auto;
line-height: 1.5;
}
.my-class:before {
content: '[';
color: #ffb1bb;
font-size: 60px;
}<div class="my-class">
As ... some text here inside the box.
</div>How can I achieve this effect?
