I am trying to style two inner divs within a containing div by floating the first one to the left and the second one to the right. Additionally, I want to add a margin of 15px on the left for the first div and on the right for the second div. The challenge is that I prefer to keep the 'float' styles separate from the margin specifications.
My desired approach is to create a class and append it like this:
#termsPageButtonContainerCheckbox.leftAlignedControl {
margin-left: 15px;
}
The issue arises when I try to apply the margin-left property without including it in the float style:
.leftAlignedControl {
float: left;
}
You can view a demo of the problem I encountered on JSFiddle: [Removed by OP]