I want to put the Id="button" below the image that is above but it places it next to me. How can I do it?
<div id="lube" >
<img style="width:500px;" src="Img/Lubricante.jpg" align="left";>
</div>
<div>
<button id="boton" type="button">Lista de Lubricantes en baldes</button>
</div>
A quick fix: delete
align="left"
. That attribute is what makes the image float to the left and the button to appear to its right. The code with the change (click on "Full page" to see it):Another good reason to remove that attribute is that as of HTML5 it is considered deprecated and has been deprecated from the standard; it might still work, but it's not correct (you should use CSS and the property
float:left
instead).What else, it's simple, look at this code and try it yourself, I don't see that you ask for styles or anything like that, check this