Tag Archives: pseudo-element

Clearing Floats

Posted on March 28, 2022 by Ann

Although, using floats is outdated, you might see this out there. So, when your height collapses in a float, there are two ways to fix it. Adding the following, will “clear up” and bring the height back (background color to … Continue reading →

Posted in Web Developer Course | Tagged , , , , | Leave a comment

Pseudo-elements

Posted on March 3, 2022 by Ann

Tip: Pseudo-classes are with one colon. Pseudo-elements are written with two colons. By default, any pseudo-element is an inline element. Example to un-italicize and give some space to a book emoji in a h1 element: h1::first-letter { font-style: normal; margin-right: … Continue reading →

Posted in Web Developer Course | Tagged , , , , , , , , | Leave a comment