How to create half-border in a div?

Hi there,

So some CSS like this:

.element-class {
	position: relative;
}

.element-class:before, .element-class:after {
    content: '';
    display: block;
    position: absolute;
    background-color: transparent;
    pointer-events: none;
}

.element-class:before {
    top: 0;
    left:0;
    right: 60%;
	bottom: 80%;
    border-top: 4px solid red;
    border-left: 4px solid red;
}

.element-class:after {
	top: 80%;
    left: 60%;
    right: 0;
    bottom: 0;
    border-bottom: 4px solid red;
    border-right: 4px solid red;
}

Give your DIV a class of whatever your want, and swap it for the .element-class in the CSS above.

Thanks man it works...

Awesome - glad to be of help