Div not floating next to, instead goes underneath

In your style.css, add ‘float: left;’ to .leftproduct, and add a similar definition for .rightproduct.

.leftproduct {
   float: left;
}
.rightproduct {
   float: left;
}

as far as i can see, there is no float:left; or float:right; on the styles for .leftproduct or .rightproduct

https://www.w3schools.com/css/css_positioning.asp

You should redo everything from 0 and think about organizing your CSS class/id.

Thanks so much vtxyzzy, it worked! really appreciate everyones help :))

Glad it worked. Now, please use the dropdown at top right to mark this topic ‘Resolved’.