Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur efficitur tincidunt. Nulla id arcu vestibulum, eleifend quam in, mattis leo. Donec cursus vehicula lacus vel fringilla. Proin tempor ex in metus finibus, vitae aliquam ante dictum. Curabitur sit amet neque a lorem lacinia convallis. Quisque eget finibus ligula, et cursus lectus. Aenean rhoncus mauris sed egestas aliquam. Nullam ullamcorper, tortor sed ultrices feugiat, enim nulla rutrum augue, vitae ultricies dolor ligula sed ligula. Cras a tincidunt felis.
Para-1
Para-2
Para-3
Para-1
Para-2
Para-3
Para-4 Para-5 ======================================= Box Model ========= there are four sections in the box model: 1) content 2) Padding 3) Border 4) Margin ==> to define the styles to the content we have four types of properties from box model: 1) Margin properties 2) Border Properties 3) Padding Properties 4) Content Properties Margin properties: =================== margin ==> distinguish/separate two elements 1) margin-top : pixels | % | vh | vw | em 2) margin-right 3) margin-bottom 4) margin-left margin shorthand property: =========================== using this, we can define the margins to the element in all four sides at a time. Syntax: margin : margin-top margin-right margin-bottom margin-left; margin property with one value: =============================== margin : value; that one value (same value) can define in all four sides margin property with two values: ================================ margin : val1 val2; here: val1 ==> margin-top and margin-bottom val2 ==> margin-right and margin left margin property with three values: ================================== margin : val1 val2 val3; here: val1 ==> margin-top val2 ==> margin-right val3 ==> margin-bottom val2 ==> margin-left ===================================== Padding Properties: =================== four properties: 1) padding-top : pixels | % 2) padding-right 3) padding-bottom 4) padding-left 5) padding ==> shorthand padding : val1 val2 val3 val4; padding : val1 val2 val3; padding : val1 val2; padding : val;