HTML, align two elements on both sides of the same line

Question

Without using table, how can I align two elements (one at left, another at right) in the same line?

Answer 1

If you want them on the same line, you can use INLINE or INLINE-BLOCK.

#element1 {
  display: inline-block;
  margin-right: 10px;
  width: 200px;
  background-color: red;
}
#element2 {
  display: inline-block;
  width: 200px;
  background-color: red;
}

element 1 markup
element 2 markup