Merhaba arkadaşlar aşağıdaki kod betiğinden yararlanabilirsiniz.
<!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