In the following example, the `<div>` is smaller then its content.  

Why? And how do I fix it?

```css
.switcher {
  border: 1px dashed green;
}

.switcher a {
  padding: 30px;
  background: orange;
}
```

```html
<div class=switcher>
  <a href=#>first</a>
  <a href=#>second</a>
</div>
```