My code includes a div tag:
<a href="#"><div class="field btn half green" id="register-btn">Register</div></a>
Here is the CSS code for the tag:
.field {
position: absolute;
width: 205px;
left: 22px;
color: #eaeaea;
}
.btn {
height: 35px;
padding-top: 10px;
cursor: default;
-webkit-touch-callout: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
font-size: 26px;
}
.half {
width: 101px;
}
#register-btn {
right:22px;
}
However, when viewed in Google Chrome on Windows and Ubuntu, there is a difference in the display (Windows shows extra padding). How can I resolve this issue?