CSS3: Help with width on label label

1

Very good. I have a problem to understand the following:
I have a "label" label to which I apply a width of 230px, since "label" is an inline label, no change occurs, ok, so everything is fine.

What I do not understand is, why when applying the property "float: left", the width of 230px becomes effective?

I know that the exercise may seem absurd, I am learning CSS3 on my own and this doubt came to me. Thank you in advance for the help.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	label{
		width: 230px;
		background-color: green;
		float: left;

	}
</style>
</head>
<body>
	<label for="texto">Nombre</label>
	<input type="text" id="texto">
</body>
</html>
    
asked by esteco 29.04.2018 в 03:50
source

0 answers