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

Change display:inline to display:inline-block

.test {
  width:200px;
  display:inline-block;
  overflow: auto;
  white-space: nowrap;
  margin:0px auto;
  border:1px red solid;
}