Skip to content

Instantly share code, notes, and snippets.

@ArunHub

ArunHub/Center-div-inside-div-positioning-absolute-relative.css

Created March 28, 2019 15:10
Show Gist options
  • Save ArunHub/4d1332801d5059bee9027feab2c8f0d3 to your computer and use it in GitHub Desktop.
Save ArunHub/4d1332801d5059bee9027feab2c8f0d3 to your computer and use it in GitHub Desktop.
Download ZIP
Basic css
Raw
autofill-form-background-yellow-issue-in-chrome.css
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background-color: white;
transition: background-color 5000s ease-in-out 0s;
-webkit-text-fill-color: #333 !important;
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
Raw
Center-div-inside-div-positioning-absolute-relative.css
<span class="screw"></span>
.screw {
position: absolute;
left: 50%;
width: 20px;
height: 20px;
background: #333 none repeat scroll 0% 0%;
border-radius: 50%;
border: 1px solid #ccc;
text-align: center;
top: 0;
}
.screw::before {
position: relative;
content: "";
width: 63%;
height: 1px;
background: #f00;
top: 50%;
display: block;
margin: auto;
left: 0%;
}
http://jsfiddle.net/3MVPM/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment