Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Design the Web: Creating a Pull Quote with CSS

via LinkedIn Learning

Overview

Learn to turn block quotes on your webpage into stylish pull quotes with nothing more than CSS.

Syllabus

Introduction
  • Welcome
  • About the exercise files
Creating the CSS for a Pull Quote
  • Styling the base blockquote element
  • Adding quote marks with pseudo-elements
  • Adding a citation for the quote
  • Positioning the citation
  • Adding a photo to the citation
  • Adjustments for small screens

Taught by

Chris Converse

Reviews

Start your review of Design the Web: Creating a Pull Quote with CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.