Question

I have html file like this one:

<p>
    Enter your first name and last name in the following form
</p>
<form>
    First name: <input  type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">
</form>

and in CSS the text size of the p tag is set to 40px

I want to set the font size of two text boxes to be 40px too.

Answer 1

The elements input, textarea, and select do not inherit styles like you might expect.

When defining your paragraph styles add the input[type="text"] selector:

p,
input[type="text"] {
    font-size: 40px;
}

I will usually define them with my body font style.