Left/Right float button inside div

Question

How can I make button float only in div area?

Here is my example CSS and HTML.

Answer 1

You can use justify-content: space-between in .test like so:

.test {
  display: flex;
  justify-content: space-between;
  width: 20rem;
  border: .1rem red solid;
}

  test
  test

---

For those who want to use Bootstrap 4 can use justify-content-between:

div {
  width: 20rem;
  border: .1rem red solid;
}

  test
  test