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 : 20 px ; /* This creates some space between the element and the border. */ border - bottom : 1 px 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 : 200 px ; height : 50 px ; position : relative ; z - index : 1 ; background : #eee ; } div : before { content : "" ; position : absolute ; left : 0 ; bottom : 0 ; height : 1 px ; width : 50 % ; /* or 100px */ border - bottom : 1 px solid magenta ; }