Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Vertical Divider that doesn't fully span the height of container Reply To: Vertical Divider that doesn't fully span the height of container

#236760
davidleitch
Participant

The way I’ve achieved this in the past is to use one of the pseudo elements on one or more of the content blocks.

If there’s only two columns, I would favour the content block on the left, aligning the divider to the right.

If there are more than two columns, I would favour using all content blocks, aligning the divider to the left and then display: none-ing the first content block’s divider. See example below:

http://codepen.io/David_Leitch/full/wMqpzY/