Home > Article > Web Front-end > How to set text spacing in html
How to set text spacing in html
- 王林Original
- 2021-06-21 11:18:3229584browse
htmlThe way to set the spacing of text is to add the letter-spacing attribute to the paragraph text and set the appropriate spacing value, such as [h2 {letter-spacing:3px;}].
The operating environment of this article: windows10 system, html 5, thinkpad t480 computer.
The method to reduce the spacing between text is actually very simple, because CSS has already provided us with the appropriate attribute, which is letter-spacing. There may be many friends who don’t know much about the letter-spacing attribute. Let’s take a look at it.
The letter-spacing property increases or decreases the space between characters (character spacing).
Attribute value:
normal Default. Specifies no extra space between characters.
#length defines the fixed space between characters (negative values are allowed).
inherit specifies that the value of the letter-spacing attribute should be inherited from the parent element
Code example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
</body>
</html>Code running results :
Related recommendations: html video tutorial
The above is the detailed content of How to set text spacing in html. For more information, please follow other related articles on the PHP Chinese website!