Merhaba arkadaşlar aşağıdaki kod betiğinden yararlanabilirsiniz.
|
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 |
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Spacing and Line Height</title> </head> <body> <div style="margin-left: 300px;"> <h1>Spacing and Line Height</h1> <h2>Letter Spacing</h2> <div style="letter-spacing: 1em;">letter-spacing: 1em</div> <div style="letter-spacing: -1em;">letter-spacing: -1em</div> <h2>Word Spacing</h2> <div style="word-spacing: 1em;">word-spacing: 1em</div> <div style="word-spacing: 1em;">It's a wide wide sentence.</div> <h2>Line Height</h2> <div style="line-height: 1.5;"> line-height: 1.5<br> line-height: 1.5<br> line-height: 1.5 </div> <div style="line-height: 150%;"> line-height: 150%<br> line-height: 150%<br> line-height: 150% </div> <div style="line-height: 1.5em;"> line-height: 1.5em<br> line-height: 1.5em<br> line-height: 1.5em </div> <h2>Text-Indent</h2> <div style="text-indent: 50px;"> text-indent:50px - text-indent only applies to the first line of text.<br> The next lines will not be indented. </div> <div style="text-indent: 10%;"> text-indent:10% - text-indent only applies to the first line of text.<br> The next lines will not be indented. </div> </div> </body> </html> |
Yorumlar