Model Site Optional secondary text for expansion
on name or identity only

CSS Styles: Non-aligned Box With Auto Box Label

"Box with box label" boxes take 100% of the available horizontal space. Headings using H1-H6 tags automatically create the box label.

H3 This Is a Highlights Box, class=box_withboxlabel - Lorem Ipsum Dolor

p Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Morbi urna metus, molestie ac, rhoncus vel, congue eget, ipsum. Vivamus tempor arcu venenatis nulla.

This type of box can be modified by adding a second class, such as setwidth250, however text does not wrap around it, so this is rarely useful. See instead one of the right- or left-aligned highlights boxes.

H4 This Is a Highlights Box, class=box_withboxlabel setwidth250 - Lorem Ipsum Dolor

p Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Morbi urna metus, molestie ac, rhoncus vel, congue eget, ipsum. Vivamus tempor arcu venenatis nulla.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Fusce ipsum purus, lobortis nec, blandit blandit, scelerisque vitae, velit. Suspendisse nec orci. Aliquam malesuada tortor nec dui.

H4 This Is a Highlights Box, class=box_withboxlabel - Lorem Ipsum Dolor

p You must add a <br> single-line break tag at the end of your box body text, if you wish to have an additional label within the box, like the one that follows this text.

H5.ruleontop this is a secondary label created by adding an h5 headline
p You must also add the class "ruleontop" to the heading tag in order to complete the label by adding a rule on top of the label.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Fusce ipsum purus, lobortis nec, blandit blandit, scelerisque vitae, velit. Suspendisse nec orci. Aliquam malesuada tortor nec dui.

Stanford Medicine Resources:

Footer Links: