Learn HTML Box Modeling

In HTML Div Element(s) The "div" tag defines division or section it is used to define a section of a HTML document. Web developers use "div" elements to group together HTML elements and apply CSS styles to many elements at once.

Making a div

Example How to use div in html 


Making a Div with Height and Width

Making a Div with Height and Width in pxels

CSS Float Property

CSS Float Property

The float property is used for positioning and layout on web pages. The float property can have one of the following values:

  • left - The element floats to the left of its container
  • right- The element floats to the right of its container
  • none - The element does not float (will be displayed just where it occurs in the text). This is default
  • inherit - The element inherits the float value of its parent

Css Float with Box Modeling

HTML Boxing with Float

HTML Box Modeling Task 1

HTML Box Modeling Task 2

HTML Box Modeling Task 3


Working hours


Day Timing
Monday To Friday 8:00 Am To 8:00Pm
Saturday & Sunday 8:00 Am To 5:00Pm

Contact Information
ADDRESS: 263, First Floor
Pocket H-17, Sector 7,
Rohini, Delhi - 110085
Near Rohini West Metro Station
Opposite Metro Pillar No. 425
Ansal Sushant City, Kundli,
Distt. Sonepat

Email: contactbapugraphics@gmail.com

Mobile: 9891 222 738, 9891 50 1300


Copyright © 2014 Bapu Graphics, All Right Reserved.