【CSS】paddingを超えて枠線いっぱいに線を引くには

padding を指定した領域内に線を引こうとすると、線もpaddingの内側までしか引けません。
それを枠線いっぱいに引くには？

なんのことやら分かりにくいですね

例

幅が一定の領域を作り、内側に20pxほど padding を指定します



1行目と２行目の間に<HR>で罫線(?)を引いてみます。



罫線の両側がpaddingの分20px隙間が開いています
これを枠線まで伸ばすためは…
<HR>のmarginで、paddingで削られた20px分広げてあげます

margin:0.5em -20px;



padding で指定したより大きな数値を指定してしまうと、その分はみ出ます



外枠の領域に overflow:hidden; が指定してあれば、はみ出た部分は表示されません