Block-level Elements 
Block-level Elements
by TheNetNinja
Video Lecture 41 of 53
Not yet rated
Views: 722
Date Added: August 11, 2016

Lecture Description

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 - www.w3resource.com/html/HTML-block-level-and-inline-elements.php

SUBSCRIBE TO CHANNEL - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

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

www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT
========== HTML Basics Course ==========

www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

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

For more front-end development tutorials & to black-belt your coding skills, head over to - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or thenetninja.co.uk

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

Twitter - @TheNetNinja - twitter.com/thenetninjauk

Course Index

Course Description

Hey Ninjas, welcome to your very first CSS for Beginners tutorial!

Comments

There are no comments. Be the first to post one.
  Post comment as a guest user.
Click to login or register:
Your name:
Your email:
(will not appear)
Your comment:
(max. 1000 characters)
Are you human? (Sorry)