Change the Font Size of an Element

Change the Font Size of an Element

Change the Font Size of an Element

Font size is controlled by the font-sizeCSS property, like this:

h1 {
font-size: 30px;
}

Inside the same <style>tag that contains your red-textclass, create an entry for pelements and set the font-sizeto 16 pixels (16px).

<style>

.red-text {

color:red;

}

</style>

<h2 class="red-text">CatPhotoApp</h2>

<main>

<pclass="red-text">Click here to view more <ahref="#">cat photos</a>.</p>




<ahref="#"><imgsrc="https://bit.ly/fcc-relaxing-cat"alt="A cute orange cat lying on its back."></a>




<div>

<p>Things cats love:</p>

<ul>

<li>cat nip</li>

<li>laser pointers</li>

<li>lasagna</li>

</ul>

<p>Top 3 things cats hate:</p>

<ol>

<li>flea treatment</li>

<li>thunder</li>

<li>other cats</li>

</ol>

</div>




<formaction="/submit-cat-photo">

<label><inputtype="radio"name="indoor-outdoor"checked> Indoor</label>

<label><inputtype="radio"name="indoor-outdoor"> Outdoor</label><br>

<label><inputtype="checkbox"name="personality"checked> Loving</label>

<label><inputtype="checkbox"name="personality"> Lazy</label>

<label><inputtype="checkbox"name="personality"> Energetic</label><br>

<inputtype="text"placeholder="cat photo URL"required>

<buttontype="submit">Submit</button>

</form>

</main>

Leave a Reply

Your email address will not be published. Required fields are marked *