CSS Cookbook, Third Edition > Web Typography > Creating a Pull Quote with Images - Pg. : Safari Books Online

Table of Contents

Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

This Book

CSS Cookbook, Third Edition

CSS Cookbook, Third Edition

Search

Contents

Table of Contents

Ch. 1. Using HTML Basics

Ch. 2. CSS Basics

Ch. 3. Web Typography

Specifying Fonts

Using Web-Safe Fonts

Setting an Ampersand Flourish

Embedding Font Files

Forcing a Break on Really Long Words

Specifying Font Measurements and Sizes

Gaining More Cross-Browser Consistency with Font Sizes

Setting Hyphens, Em Dashes, and En Dashes

Setting Text to Be Justified

Indicating an Overflow of Text with an Ellipsis

Removing Space Between Headings and Paragraphs

Setting a Simple Initial Cap

Setting a Larger, Centered Initial Cap

Setting an Initial Cap with Decoration (Imagery)

Creating a Heading with Stylized Text

Creating a Heading with Stylized Text and Borders

Stylizing a Heading with Text and an Image

Creating a Pull Quote with HTML Text

Placing a Pull Quote to the Side of a Column

Creating a Pull Quote with Borders

Creating a Pull Quote with Images

Setting the Indent in the First Line of a Paragraph

Setting the Indent of Entire Paragraphs

Creating a Hanging Indent

Styling the First Line of a Paragraph

Styling the First Line of a Paragraph with an Image

Creating a Highlighted Text Effect

Changing the Text Selection Color

Changing Line Spacing

Adding a Graphic Treatment to HTML Text

Placing a Shadow Behind Text

Adjusting the Space Between Letters and Words

Applying Baseline Rhythm on Web Typography

Styling Superscripts and Subscripts Without Messing the Text Baseline

Setting Up Multiple Columns of Text

Ch. 5. Page Elements

Ch. 7. Links and Navigation

Ch. 10. Designing Web Pages for Printing

Ch. 11. Page Layouts

Ch. 12. Hacks, Workarounds, and Troubleshooting

Ch. 13. Designing with CSS

Ch. 14. Interacting with JavaScript

Appx. A. Resources

Appx. B. CSS 2.1 Properties and Proprietary Extensions

Appx. C. CSS 2.1 Selectors, Pseudo-Classes, and Pseudo-Elements

Appx. D. CSS3 Selectors and Pseudo-Classes

Appx. E. Styling of Form Elements

URL

Help

3.23. Creating a Pull Quote with Images

3.23.1. Problem

You want to stylize a pull quote with images on either side, such as the curly braces in Figure 3-30.

Figure 3-30. A pull quote with images

You are currently reading a PREVIEW of this book.

Get instant access to over
$1 million worth of books and videos.

Start a Free Trial