How do you align left / right a div without using float?

Question

When doing something like this:

Left Div
Right Div

Answer 1

Another solution could be something like following (works depending on your element's display property):

HTML:

Left
Right

CSS:

.left-align {
  margin-left: 0;
  margin-right: auto;
}
.right-align {
  margin-left: auto;
  margin-right: 0;
}