CSS Tutorial For Beginners 41 - Block-level Elements

Yo my fellow web ninjas! In this CSS tutorial for beginners we're going to explore what a block-level element is. I've mentioned already that the box-model governs the spacial properties (padding, margin, width, height & border) of all block-level elements, but not yet talked about what a block level element is!

A block level element is one which occupies the full horizontal width of its parent element.

An in-line element stacks from left to right... IN LINE. Hence the name :P. Box model properties do not apply to in-line elements, but we can set the display types of these elements to inline-block, so that we can control the spacial properties of them too!

Anyway, peace out, have fun & keep coding :).

LINK TO LIST OF BLOCK-LEVEL AND IN-LINE ELEMENTS - http://www.w3resource.com/html/HTML-b...

SUBSCRIBE TO CHANNEL - @netninja

========== CSS for Beginners Playlist ==========

CSS Tutorials For Beginners
========== HTML Basics Course ==========

HTML Tutorials For Beginners

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - @netninja or http://thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - Twitter: thenetninjauk

• #education
• #css
• #css_tutorial
• #css_for_beginners
• #css_tutorial_for_beginners
• #css_tutorials
• #css_basics
• #css_lesson
• #css_lessons
• #css_lesson_for_beginners
• #css_lessons_for_beginners
• #cascading_style_sheet
• #web_design
• #web_design_tutorial
• #web_design_lesson
• #beginner_web_design_tutorials
• #basic_css
• #css_and_html
• #css_rules
• #block_level_element
• #display_types_css
• #block_level_css
• #block_level_elements_css
• #display_block
• #display_block_css
• #inline_block
• #inline_block_css
• #inline