Home/ Questions/Q 9235903
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T07:09:45+00:00

I have a P element with style which I can’t change. I want to

  • 0

I have a P element with style which I can’t change.
I want to enclose it with a DIV to enforce a new font-size.
Why does the inner P ignore the div font-size?

Example:

<html>
<head>
    <style>
        .para1 { font-size:small; }
    </style>
</head>

<div style="font-size:300% !important">
    <p class="para1">I must have been asleep, for certainly if I had been fully awake I must have noticed the approach to such a remarkable place. In the gloom the courtyard looked of considerable size, and as several dark ways led from it under great round arches it perhaps seemed bigger than it really is. I have not yet been able to see it by daylight.</p>
</div>

</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can set a class to the wrapping div, like I did here:
    http://jsfiddle.net/3Zvrg/

    HTML:

    <div class="out_of_para1">
    <p class="para1">

    CSS:

    .out_of_para1 p {font-size: 300%;}

    EDIT: based on last comment from OP

    • 0