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

Span tag vertical-align middle bottom text-top text-bottom

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
Span tag vertical-align middle bottom text-top text-bottom <!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' xml:lang='en'> <head> <title>Span Tag Vertical Align Middle Bottom Text Top Text Bottom</title> <style type='text/css'> p { font: 20px arial; } span.line { border: 1px solid rgb(88, 144, 196); background: rgb(244, 244, 244); font-size: 800px; } span.line span { vertical-align: 200%; font-size: 20px; background: pink; border: 1px solid red; } span#top { vertical-align: top; } span#middle { vertical-align: middle; } span#bottom { vertical-align: bottom; } span#text-top { vertical-align: text-top; } span#text-bottom { vertical-align: text-bottom; } </style> </head> <body> <p> Love is something eternal; the aspect may change, but not the essence.<br> Vincent Van Gogh<br><br> </p> <p> We always deceive ourselves twice about the people we love - first to their advantage,<br> then to their disadvantage.<br> Albert Camus<br> </p> <p> <span class='line'> Love Sayings Love Quotes Love Proverbs<br> <span id='top'> Harmony is pure love, for love is a concerto. Lope de Vega </span><br> <span id='middle'> Love waits for one thing, the right moment. Anna</span><br> <span id='bottom'> Without love, the world itself would not survive. Lope de Vega</span><br> <span id='text-top'> To love and be loved is to feel the sun from both sides. David Viscott </span><br> <span id='text-bottom'> Love those who love you. Voltaire </span><br> </span> </p> </body> </html>