Simple Box Model Example

Paragragh above

Sample Paragragh with an inline bolded word and words after it.

Paragragh below

Basic Block Level Elements

• <div> - Your general-purpose box
• <h1> ... <h6> - All headings
• <p> - Paragraph
• <ul>, <ol>, <dl> - Lists (unordered, ordered and definition)
• <li>, <dt>, <dd> - List items, definition list terms, and definition list definitions
• <table> - Tables
• <blockquote> - Like an indented paragraph, meant for quoting passages of text

Basic Inline Level Elements

• <span> - Your all-purpose inline element
• <a> - Anchor, used for links (and also to mark specific targets on a page for direct linking)
• <strong> - Used to make your content strong, displayed as bold in most browsers, replaces the narrower <b> (bold) tag
• <em> - Adds emphasis, but less strong than <strong>. Usually displayed as italic text, and replaces the old <i> (italic) tag
• <img /> - Image

A Sample Paragraph with overflow

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.