Boxes

Use boxes to draw attention to a sentence or an entire paragraph of text rather than setting the entire sentence or paragraph in em tags, strong tags, or a color.

Box Style 1

<div class="box1"> <p> Here's Box Style 1. </p> </div>

Here's Box Style 1.

Box Style 2

<div class="box2"> <p> Here's Box Style 2. </p> </div>

Here's Box Style 2.

Box Style 3

<div class="box3"> <p> Here's Box Style 3. </p> </div>

Here's Box Style 3.

Box Style 4

<div class="box4"> <p> Here's Box Style 4. </p> </div>

Here's Box Style 4.

Box Style 5

<div class="box5"> <p> Here's Box Style 5. </p> </div>

Here's Box Style 5.

Box Style 6

<div class="box6"> <p> Here's Box Style 6. </p> </div>

Here's Box Style 6. This box style is intended for text the user can print and clip out, such as an address label.

Box Style 7

<div class="box7"> <p> Here's Box Style 7. </p> </div>

Here's Box Style 7. This box style is reserved for notices of shortcut URLs. Example: See the page at pharmacy.ucsf.edu/go/graduation.

Examples

Examples of using boxes to draw attention to a sentence or an entire paragraph of text:

Box 5 and 3 Examples: PharmD degree program
Box 3 Example: Accounts, Logins, and Passwords
Box 3 Example: Academic Prerequisites

Go To: Visual Design or Style Guide