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

100 votes392 views2 answers
What is position property in css
CSS
4 votes318 views2 answers
CSS shrink image
CSS
0 vote349 views1 answer
Css border with 8 values
CSS
1 vote335 views1 answer
Css without underline
CSS
0 vote361 views1 answer
Every user on your website has an image avatar that is displayed when
CSS
5 votes395 views4 answers
Display none tailwind
CSS
3 votes338 views4 answers
Remove outline on button click
CSS
1 vote337 views1 answer
Perfect circle css
CSS
0 vote306 views2 answers
Tailwind.min.css cdn
CSS
0 vote411 views2 answers
Ihr seid alle dumabtu
CSS