When attempting to change the 'bottom' CSS property using inline styling the 'top' property on the external stylesheet takes precedence.

How come?

```css
div {
  position: relative;
  top: 10px;
}

body {
  font-family:arial;
  font-size: 20px;
}
```

```html
<div style="position:relative; bottom:-100px">
test
</div>
```