I'm trying to center text in the middle of the checkbox, but the text is on top.
I will leave the full code here
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<head>
<style>
input {
display: inline-block;
vertical-align: top;
padding-left: 25px;
position: relative;
}
input {
position: absolute;
left: 0;
top: 0;
}
</style>
</head>
<body>
<input class="w3-check" type="checkbox"><span>text</span></input>
</body>
</html>
As you can see, the text is not centered, what can I do?
Aucun commentaire:
Enregistrer un commentaire