Frank Harland Posts - Answer Overflow

Frank Harland

•Created by Frank Harland on 3/23/2024 in #front-end

Remove margin on top of column 2

There is a div container with text that has 2 columns at sufficient widths. I don't want orphans on the second column so I set

.intro p {
    margin-top: 0;
    text-align: left;
    orphans: 3;
    widows: 3;
    break-inside: avoid-column;
}

.intro p {
    margin-top: 0;
    text-align: left;
    orphans: 3;
    widows: 3;
    break-inside: avoid-column;
}

Now there is a margin on top of the second column, that probably is the bottom margin of the previous paragraph. How do I prevent this margin to show, I want the columns to start at same height. Thanks for any reply.

3 replies

Gaming

Programming