Pro HTML5 and CSS3 Design Patterns
CHAPTER 11 ■ SPACING CONTENT Padded Content HTML <h1>Padded Content</h1> <p>Padding sets apart text to emphasi ...
CHAPTER 11 ■ SPACING CONTENT Padded Content Problem You want to put extra space around content to emphasize it and set it apart. ...
CHAPTER 11 ■ SPACING CONTENT Inline Spacer HTML <h1>Inline Spacer</h1> <p>Just like you can use <code>&a ...
CHAPTER 11 ■ SPACING CONTENT Inline Spacer Problem You want to insert a precise amount of horizontal space into inline content.^ ...
CHAPTER 11 ■ SPACING CONTENT Inline Decoration HTML <h1>Inline Decoration</h1> <div>You can use Inline Decorat ...
CHAPTER 11 ■ SPACING CONTENT Inline Decoration Problem You want to insert a decoration into the content, such as a block of colo ...
CHAPTER 11 ■ SPACING CONTENT Line Break HTML <h1>Line Break</h1> <p>You can insert a line break anywhere. < ...
CHAPTER 11 ■ SPACING CONTENT Line Break Problem You want to insert a line break. You also want to add or reduce the amount of ve ...
CHAPTER 11 ■ SPACING CONTENT Inline Horizontal Rule HTML <h1>Inline Horizontal Rule</h1> <p>You can insert an ...
CHAPTER 11 ■ SPACING CONTENT Inline Horizontal Rule Problem You want to insert a styled line break in between inline elements. Y ...
C H A P T E R 12 Aligning Content This chapter discusses design patterns that align text and content horizontally and vertically ...
CHAPTER 12 ■ ALIGNING CONTENT Text Indent HTML <h1>Text Indent</h1> <table><tr><td class="text-indent ...
CHAPTER 12 ■ ALIGNING CONTENT Text Indent Problem You want to indent the first line of a terminal block element, such as a parag ...
CHAPTER 12 ■ ALIGNING CONTENT Hanging Indent HTML <h1>Hanging Indent</h1> <p class="hanging-indent">A hanging ...
CHAPTER 12 ■ ALIGNING CONTENT Hanging Indent Problem You want to insert a hanging indent on the first line in a terminal block e ...
CHAPTER 12 ■ ALIGNING CONTENT Horizontal-Aligned Content HTML <h1>Horizontal-Aligned Content</h1> <p class="align ...
CHAPTER 12 ■ ALIGNING CONTENT Horizontal-Aligned Content Problem You want to left-align, center-align, right-align, or justify t ...
CHAPTER 12 ■ ALIGNING CONTENT Vertical-Aligned Content HTML <h1>Vertical-Aligned Content</h1> <div><span cl ...
CHAPTER 12 ■ ALIGNING CONTENT Vertical-Aligned Content Problem You have different sizes of inline elements that you want to alig ...
CHAPTER 12 ■ ALIGNING CONTENT Vertical-Offset Content HTML <h1>Vertical-Offset Content</h1> <div> _baseline__ ...
«
8
9
10
11
12
13
14
15
16
17
»
Free download pdf