html - Vertical border messed up by horizontal border - flexbox -
i created table using flexbox. i'm wanting add vertical line down center , added border-right
first columns, borders on bottom of rows breaking visual flow of vertical line. i'm having hard time wrapping head around how solve this. how can add vertical line while still keeping bottom border?
jsfiddle: https://jsfiddle.net/oczxqxmu/
just remove
.flex_row:not(:last-child) { border-bottom: 2px solid #fff; }
like https://jsfiddle.net/oczxqxmu/1/
if want keep bottom-borders, use ::after , position:absolute create line in middle of table, this
Comments
Post a Comment