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

11 votes122 views2 answers
How to change image position in css
CSS
0 vote104 views1 answer
Hover show scrollbar css
CSS
1 vote115 views1 answer
Import css in thymeleaf
CSS
19 votes115 views2 answers
Center div css flex
CSS
3 votes75 views1 answer
Smooth scroll to anchor
CSS
1 vote119 views1 answer
Css placeholder text truncate
CSS
2 votes118 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
2 votes111 views2 answers
Ng-multiselect-dropdown custom css
CSS
0 vote116 views1 answer
Css 16 9 ratio
CSS
0 vote123 views2 answers
Css prevent scrolling behind overlay
CSS