| <!DOCTYPE html> |
| <style> |
| div { |
| width:100px; |
| height:600px; |
| margin:5px 0 0 5px; |
| font-size: 30px; |
| float:left; |
| } |
| div#one { |
| line-height: 300%; |
| } |
| div#two { |
| line-height: 100px; |
| } |
| div#three { |
| line-height: 110px; |
| } |
| div#four { |
| line-height: 20px; |
| } |
| div#five { |
| line-height: 12px; |
| } |
| div#six { |
| line-height: 12px; |
| } |
| div#seven { |
| line-height: 12px; |
| } |
| div#eight { |
| line-height: 12px; |
| } |
| div#nine { |
| line-height: 12px; |
| } |
| div#nine { |
| line-height: 12px; |
| } |
| div#ten { |
| line-height: 12px; |
| } |
| div#div-11 { |
| line-height: 15px; |
| } |
| div#div-12 { |
| line-height: 195px; |
| } |
| </style> |
| <div id="one">line height is 300%</div> |
| <div id="two">line height is 100px</div> |
| <div id="three">line height is 50px</div> |
| <div id="four">line height is 10px * 2</div> |
| <div id="five">line height is 50% - 3px</div> |
| <div id="six">line height is 25% - 3px + 25%</div> |
| <div id="seven">line height is 25% - 3px + 12.5% * 2</div> |
| <div id="eight">line height is 25% - 3px + 12.5%*2</div> |
| <div id="nine">line height is 25% - 3px + 2*12.5%</div> |
| <div id="ten">line height is 25% - 3px + 2 * 12.5%</div> |
| <div id="div-11">line height is 30% + 20%</div> |
| <div id="div-12">line height is 3 * 2 + 3 / 6</div> |
| </html> |
