I want to make both elements 'select' and 'button' have the same height.

[`**JS Fiddle**`](http://jsfiddle.net/dm58q/)

---

**HTML**

```
<select><option>...</option></select><button>Button</button>

```

**CSS**

```
* {
    font-size:100%;
}

select, button {
    border:1px solid gray;
    padding:.4em .6em;
    margin:0;
    //box-sizing:border-box; (did not help...)
}

```

---

[`**JS Fiddle**`](http://jsfiddle.net/dm58q/)

Right now it looks like this:

![enter image description here](https://i.stack.imgur.com/QxN1e.png)

---

But it should look like this:

![enter image description here](https://i.stack.imgur.com/blWxA.png)

---

**How can I achieve the desired outcome with changing the CSS?**