Properties are inherited by inline elements

  


letter-spacing, word-spacing, white-space, line-height, color, font, 
font-family, font-size, font-style, font-variant, font-weight, 
text-decoration, text-transform, direction. 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body {
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  
}

div {
  line-height: 2em;
}

p {
  letter-spacing: 0.8px;
}

em {
  font-style: italic;
}

span {
  font-style: normal;
}
</style>
</head>
<body>

<div> 

<p> 
<em> 
<span> 
inherits font from its ancestor, <code>&lt;body&gt;</code>. <br /> 
inherits line-height from its ancestor, <code>&lt;div&gt;</code>. <br /> 
inherits letter-spacing from its ancestor, <code>&lt;p&gt;</code>. <br /> 
inherits italics from its ancestor, <code>&lt;em&gt;</code>, 
</span> 
</em> 
</p> 
</div> 


</body> 
</html>

Related examples in the same category

1.	Inheritance in Action
2.	property inheritance
3.	Background is inherited
4.	The following properties are inherited by all elements: visibility and cursor.
5.	Properties inherited by list elements: list-style, list-style-type, list-style-position, and list-style-image
6.	Property inherited by table elements: border-collapse
7.	Properties are not inherited:
8.	Once you assign a background to an element, it no longer visually inherits the background of its parent
9.	Inherit the background, padding, and border of the div tag
10.	Working with Inheritance
11.	Property Inheritance 2
12.	Style overwrite
13.	Inherit color and alignment from the div

Properties are inherited by inline elements : Inheritance « Style Basics « HTML / CSS

Related examples in the same category