Happy Codings - Programming Code Examples
Html Css Web Design Sample Codes CPlusPlus Programming Sample Codes JavaScript Programming Sample Codes C Programming Sample Codes CSharp Programming Sample Codes Java Programming Sample Codes Php Programming Sample Codes Visual Basic Programming Sample Codes

HTML & CSS Web Design

Html Css > Code Examples

Align baseline lowered raised

Align baseline lowered raised <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Align baseline lowered raised</title> <style type="text/css" title="text/css"> .parent{ width: 750px; height: 750px; background: orange; } * .baseline { vertical-align: baseline; background: blue; color: white; } * .raised { vertical-align: 8px; background: red; } * .lowered { vertical-align: -8px; blackground: pink; } </style> </head> <body> <div class="parent"> <p> <span class="baseline">Aligned to baseline. Sex is a momentary itch, love never lets you go.</span> <span class="lowered">Lowered relative to the baseline. Love can make you do things that you never thought possible.</span> <span class="raised">Raised relative to... The kiss, a sweet discovery of oneself after a long search.</span> </p> </div> </body> </html>