How do i set the html <small> and <b> attribute with css?

Question

I need to use css to, for example, set <p> classes, or <h#> headings to the equivalent of the html <small> and <b> attributes at the same time. i.e. i need the equivalent of that ---> <small> <b>text here</b> </small>

Answer 1

&lt;span name=&quot;small&quot; style=&quot;font-size: .7em;&quot;&gt;Small text&lt;/span&gt;

&lt;span name=&quot;b&quot; style=&quot;font-weight: bold;&quot;&gt;Bold&lt;/span&gt;