Text got all messed up (misaligned) in an article

Question

I had a similar issue before in the footer, but it was solved when I used this code:

.bottom-d-outer p {
margin: 0 0 9px;
}

Now I've noticed that I have the same issue in an article and I'm not sure how to solve it there too... It's here:

https://kotkovski.com/ru/statya-na-russkom-ne-featured

You can see it in an article just below the big picture.

Answer 1

I have no idea why, but your template has the following code:

p, hr, dl, blockquote, pre, fieldset, figure {
    margin: -15px 0;
}

In this file:

https://kotkovski.com/templates/jp-x2/warp/css/base.css

As you can see, it's setting a negative margin, therefore pushing each paragraph up.

In your template's custom.css file near the top, add the following code to reset the margin:

p {
    margin: 0 0 5px;
}