Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS div border with offset

Tags:

css

border

How can I make a div's side (left/right) border start lower than it's actual size? I know I can reduce it's height and then add a margin-top, but I don't want that. Is it possible to simply lower down the starting point of the border?

__________

|
|
|
like image 949
Adrian Marinica Avatar asked Apr 16 '11 23:04

Adrian Marinica


1 Answers

You can only do this by omitting the top border and either

  • adding a top margin to the bottom element or
  • adding a bottom margin to the top element
like image 172
BoltClock Avatar answered Nov 01 '22 09:11

BoltClock