Skip to content

Instantly share code, notes, and snippets.

@rpayanm
Created July 12, 2019 20:24
Show Gist options
  • Save rpayanm/833034c9f1ffe4e429bc1bdb19afcebf to your computer and use it in GitHub Desktop.
Save rpayanm/833034c9f1ffe4e429bc1bdb19afcebf to your computer and use it in GitHub Desktop.
border-left: thick solid #ff0000;
.your-item {
position: relative;
}
.your-item:after {
content: '';
height: 100%; //You can change this if you want smaller/bigger borders
width: 1px;
position: absolute;
right: 0;
top: 0; // If you want to set a smaller height and center it, change this value
background-color: #000000; // The color of your border
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment