3. EXERCISES: Write the CSS code to illustrate the a)...

Labs

Want to see this concept in action?

NEW

Explore this concept interactively to see how it behaves as you change inputs.

View Labs

Transcript

00:01 In this question here we have to write a code for the absolute positions of the absolute and relative.

00:09 First we have to start the explanation.

00:12 Doc type html.

00:18 Then here we have to write the html.

00:22 Leng equals to en.

00:26 Then here we have to start the body tag.

00:28 Then here we have div class is equals to parent.

00:37 Then here we have to start the p style equals to the position which is relative.

00:51 Then here we have the solute.

00:56 The p tag is closed.

00:57 Here again we have to start the p style is equals to position absolute.

01:13 Write 50px.

01:17 Here we have the relative and the paragraph is closed.

01:22 Again we have to close the div tag.

01:28 And here we close the body tag.

01:32 And at the end we have to close the html tag.

01:38 Now here we have to write a code for the margin.

01:43 Here for the margins.

01:47 So first we have to start the doc type html.

01:55 And then here we have the html, head, style, div, margin, 15px, border, 2px, solid.

02:23 Here we have hash0000...

3. EXERCISES: Write the CSS code to illustrate the a) absolute and relative positioning elements. b) Margins and paddings.