CODEWITHSUNDEEP
htmlcss
user8033404
user8033404

Reputation:

CSS Inheritance of parent element?

It looks like the text-indent for div is 0px ( which is the default body text-ident size), but why it is inheriting body element? why it is not inheriting P element who is the parent of div, setting text-indent to 32px?

p {
  text-indent: 32px;
}

div {
  text-indent: inherit;
}
<p>In my younger, he told me, ,
  <div>'just remember that all the people in this world haven't had the advantages thatyou've had.'</div>
</p>

Upvotes: 0

Views: 632

Answers (4)

Ehsan
Ehsan

Reputation: 12951

The text-indent property specifies the indentation of the first line in a text-block and no all lines.

read more : https://www.w3schools.com/cssref/pr_text_text-indent.asp

Syntactically, a div inside a p is invalid in all standards of HTML.

read More : Nesting block level elements inside the <p> tag... right or wrong?

you can use span instead of div.

Like this :

p {
  margin-left: 32px;
}
<p>In my younger, he told me,<br><br>
  <span>'just remember that all the people in this world haven't had the advantages thatyou've had.'</span>
</p>

If you want use div Insistence,use margin-left for indent.

p {
  text-indent: 32px;
}

div {
  margin-left: 32px;
}
<p>In my younger, he told me,
  <div>'just remember that all the people in this world haven't had the advantages thatyou've had.'</div>
</p>

Upvotes: 1

codesayan
codesayan

Reputation: 1715

Here is your answer as per your comment,

why I can't put a div inside a p?

Because <p> is a block level element, and it is used for displaying text, it won't allow any other block level elements inside it,

but you can use inline elements like <span> and <strong>

Upvotes: 0

Syed Sahar Ali Raza
Syed Sahar Ali Raza

Reputation: 1

Use <span> instead of <div>

You cannot insert <div> tag inside <p> that is not valid in html.

<p>In my younger, he told me, ,
  <span>'just remember that all the people in this world haven't had the advantages that you've had.'</span>
</p>

Hope this will help you

Upvotes: 0

ram vinoth
ram vinoth

Reputation: 512

You cannot insert "div" tag inside "p" tag that is not valid in html. but you can insert "p" tag inside "div" tag. If you want the child element to inherit the "p" element property just change the "div" to "p".

Upvotes: 1

Related Questions