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

https://jsfiddle.net/oczxqxmu/11/


Comments

Popular posts from this blog

html - Styling progress bar with inline style -

java - Oracle Sql developer error: could not install some modules -

How to use autoclose brackets in Jupyter notebook? -