How to remove the indent before the list?

Question

css

Please, how to remove the indent from below after the paragraph, if it is followed by the ul list, but at the same time, so that the indent between the paragraphs remains?
Code :
https://jsfiddle.net/efendi/9udvaexf/3/

Answer 1

https://jsfiddle.net/SAnhPa/9udvaexf/4/

Answer 2

Option A:

p + ul {
    margin-top: -1em;
}

Option B:

p {
    color: #404040;
    margin: 0;
}
p + p {
    margin-top: 1em;
}
ul {
    margin: 0;
}

Answer 3

In your case
p + ul {
margin-top: -1em;
}