Here is the code I attempted:
#tools
{
float:left;
}
#sketch
{
border: 10px solid grey;
float:left;
width: 700px;
height: 500px;
position: relative;
}
This is the HTML code snippet:
<div id="tools">
<p>These are my tools</p>
</div>
<div id="sketch">
<p>This is my sketch</p>
</div>
<button type="button">Click</button>
I have positioned the two divs side by side, however, the button is displaying next to the divs. I want the button to appear below the divs.