Border Length Percentage Css Code Example
Example 1: css border length
.page-title:after { content: ""; /* This is necessary for the pseudo element to work. */ display: block; /* This will put the pseudo element on its own line. */ margin: 0 auto; /* This will center the border. */ width: 50%; /* Change this to whatever width you want. */ padding-top: 20px; /* This creates some space between the element and the border. */ border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */ }
Example 2: how to set border length in css without div
div { width : 200px; height : 50px; position: relative; z-index : 1; background: #eee; } div:before { content : ""; position: absolute; left : 0; bottom : 0; height : 1px; width : 50%; /* or 100px */ border-bottom:1px solid magenta; }
Comments
Post a Comment