Words Which Are Links Mess Up Paragraphs

I couldn’t find the exact text from your example, but your issue is probably coming from this code:

.home .entry-content p a {
    max-width: 65%;
    display: block;
}

which makes some of your <a> tags block-level elements.

Is it shown like that in the WordPress content editor or on the actual post, viewed from the front-end of your website? if it’s the latter can you share a live link to see the issue? It sounds like it could be a CSS issue.

As a quick way of troubleshooting, switch your theme temporarily to the 2015 or 2016 default WordPress theme. Then, refresh the post and see if the link is still on a different line. If not, it’s a theme issue.

Yep, display: block; would do it for sure.

It does not happen in the content editor or on the individual post’s page, but only on the blog homepage – https://dr-polcino.com/blog/ Scroll down to post #5 and you will probably see what I mean. The individual blog post is fine – https://dr-polcino.com/blog/2015/12/10/women-often-delay-diagnosis-and-treatment-of-this-problem/

Does this change anything? Thanks again!

The code I posted earlier has .home in it, so it only applies on the blog’s home page. It wouldn’t affect anything else.

Are you suggesting that I find that code and delete it? If so, please give me the steps in order to do so.

Yes you’ll need to remove the CSS since that’s causing the issue you are wanting to fix.

Here’s your website with the styles there:
https://cloudup.com/cY3vbBVacrC

Here’s what your site looks like with the styles removed:
https://cloudup.com/cpTbn2fwLKY

1. open the style.css file which resides inside your theme on your computer:

https://dr-polcino.com/blog/wp-content/themes/twentyeleven/style.css

2. Find/search for the .home .entry-content p a CSS rule as shown in the screenshots above

3. Delete it and re-upload your style.css file

4. Refresh the page to see the issue fixed.

If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   .home .entry-content p a {
       display: inline;
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications

Andrew – It luckily did have a CSS section.
Andrew M. – It worked!!
Stephen – Thanks for finding the code!

Great work everyone! Thank you for all the details.