Element "Read more" has no max-width applied, as not displayed as block-element
adriansuter opened this issue · comments
Hi @WordPress
If I am adding the "Read more" element in Gutenberg, the html-block-element css rules would not be applied on the front end.
This is a snippet from the generated code from the front page listing all posts.
<div class="entry-content">
<p>Introtext...</p>
<a href="url/to/post" class="more-link">Continue reading<span class="screen-reader-text"> „Test“</span></a>
</div>
The a-tag gets a max-width, the paddings and the margins. But none of them would be applied as the a-tag by default is not an html-block-element. Probably you should add a specific rule for the .more-link
class.