Hi, I have added some custom css to create a highlight box to add to some paragraph blocks in my blog posts.
However even when I left align the content in the paragraph, the box is not the full width of the container – it is indented on the left.
Is there are a way for the css to be left aligned and run the full width of the block?
Here is the css:
.my-related-box {
background-color: #f8f8f8;
padding: 1em;
margin: 1em;
border-left: 5px solid #ff3366;
max-width: 100%
}
Thanks,
Rachel