<p>Is there a way to specify the font size for a class to be, say, 70% of the inherited font size?</p>

<p>I have a general "button" class that sets up my buttons with the appropriate borders, background, etc. I use it in multiple places, including one where the font size is fairly small and another where the font size is quite large.</p>

<pre><code>&lt;div style="font-size: 26px;"&gt;
Push this: &lt;input class="button" type="submit" value="Go"&gt;
&lt;/div&gt;
&lt;div style="font-size: 10px;"&gt;
Push this too: &lt;input class="button" type="submit" value="Go"&gt;
&lt;/div&gt;
</code></pre>

<p>In both instances I'd like the button font-size to be about 70% of the font size of the span or div the button is in. </p>

<p>Can I do this with pure CSS?</p>

Try:
```
```
font-size: 0.7em;
```
```
Here's some more information:
How to Size Text in CSS
at A List Apart