Multiple borders left and right only

[hargi]

I have this css

.multiborder{
 /* Standard syntax */
    border-radius: 5px;
    background: #f4f4f4;
    border: 3px solid #fff;
        
    box-shadow: 0 0 0 3px #ffdc01, 
                0 0 0 6px #fff, 
                0 0 0 9px #d1232a;
}

Which puts a white yellow white red boarder round eliminates

How would I modify it to be only on the left and right of an eliment (i.e for a page wrapper)

I have tried setting border-top: 0px to give it no height/width but it still appears

Thanks

 

[mr.sly]

Tried using pseudo elements instead?

http://stackoverflow.com/a/17323375