Skip navigation

On September 14th, 2017, we published revised versions of our Privacy Policy, Terms of Service and Website Use Policy and published a Cookie Policy. Your continued use of means you agree to these revised documents, so please take a few minutes to read and understand them.

Position pseudo-elements

Position pseudo-elements: Design the Web: Styling a Numbered List
Position pseudo-elements: Design the Web: Styling a Numbered List

We position our pseudo-elements. One thing we need to take care of first is to make sure the parent elements of the pseudo-elements, which are the list items here, have a positioning property as well. We first add a position property of ‘relative’ to the parent list item so pseudo-elements position. Then we add positioning properties to the pseudo element itself.

Resume Transcript Auto-Scroll
Skill Level Appropriate for all
18m 25s
Show More Show Less
Skills covered in this course
Web Web Design Web Foundations CSS

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now