If you have an element with two classes assigned to it and the CSS for the two classes disagree on something, which gets used? And is there a way to control which one gets used?

For example:

```
<p class='red small'>Some Text Here</p>

```

with the CSS:

```
.red { color:#ff0000; font-size:200%; }
.small { font-size:50%; }

```

Clearly my text would come out red, but what size would it be? And is there a cross-browser way to control it?