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

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable