How to make responsive 5 columns with padding between them?

Question

css

Hello.
Something stupid. Can you please tell me how to adaptively lay out five equal-width columns with equal indents between them but without indents at the edges?

Answer 1

https://jsfiddle.net/86tgyfwn/

Answer 2

F
L
E
X

Answer 3

wrap in a div that needs to be given a minus margin of padding.

.row {margin-left: -15px; margin-right: -15px;}
.col {width: 20%; padding-left: 15px; padding-right: 15px;}

Answer 4

the easiest way to do this is on flex https://jsfiddle.net/chimir/nx5vnLm5/
if you do it on floats, then use pseudo -classes :first-childand / or :last-childto remove the indent from the extreme elements.