how to make box like above ? in pure css without boostrap [![image here](https://i.stack.imgur.com/lF0JZ.png)](https://i.stack.imgur.com/lF0JZ.png)

why i asked this because i don't use bootstrap 4 and can't find any way to use it with boostrap 3, i was trying to make one but it was the box become like a column down

here is my css:

```
.currency {
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  float:left;
  border: 2px solid;
}

```

and my htlm

```
<div>
  <label class="currency"></label>
  <input type="text"> 1000
</div>

```