Half border bottom

div {
    width: 500px;
    height: 100px;
    position: relative;
    padding-top: 20px;
    margin-top: 50px;
}

div::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    left: 25%;
    border-top: 1px solid red;
}

Source: stackoverflow.com

Similar codes

0 vote347 views1 answer
Css animate background color change
CSS
0 vote278 views1 answer
Active state css
CSS
2 votes373 views1 answer
How to put a black overlay on a photo css
CSS
0 vote352 views3 answers
Svg background css
CSS
2 votes281 views1 answer
How to bring default values in css
CSS
71 votes342 views6 answers
Css center image
CSS
0 vote319 views1 answer
Text flow top to bottom
CSS
3 votes383 views2 answers
How to make image not draggable in html
CSS
10 votes334 views4 answers
Bootstrap badges Links
CSS
1 vote328 views3 answers
Background image in css is not working
CSS