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 vote141 views1 answer
Build a responsive real world website from scratch html css
CSS
1 vote160 views1 answer
Css round outline
CSS
1 vote149 views1 answer
Restful url to update status
CSS
0 vote150 views1 answer
Css nesting
CSS
0 vote148 views1 answer
How to get text to auto break in a grid
CSS
0 vote166 views2 answers
Wordpress style.css not updating
CSS
6 votes162 views3 answers
Position absolute horizontally center
CSS
25 votes169 views4 answers
Visibility
CSS
6 votes178 views3 answers
Scroll snap css
CSS
-1 vote148 views1 answer
Empty areas in the grid are defined using '.'
CSS