Question

I am using the following CSS which transforms all text to uppercase:

.taxtabs {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: .8em;
width: inherit;
text-align:center;
text-transform: uppercase;
border-collapse: collapse;
}

Now what I would like to do is to override this CSS and allow certain text to be lowercase. How would I do that? Perhaps using some kind of inline CSS? Thanks.

Answer 1

Probably better to create a class that doesn’t have any text-transform.

.normal {
    text-transform: none;
}

<div class="taxtabs">
... <span class="normal">this text is not uppercase</span> ...
</div>