I want to center my div
and I use this method, but it makes my texts inside the div
blurry:
<!-- language: lang-css -->
#div {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
is there any way to center my div
?
Add these styles around elements blocks which you are translating to fix the anti-aliasing, Translate Z-axis to have a zero value.
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translateZ(0) scale(1.0, 1.0);