A web resource is rated by users for its visual appeal. Therefore, even information-useful text may not be read due to the fact that it is poorly designed. Conclusion - you need to carefully and carefully approach not only the semantic content of the pages of the site, but also its visual presentation. The advent of CSS technology has expanded the ability to create engaging articles. One of the features designed to make it easier to read is CSS indentation.
Margins and indents: what is the difference?
Before you start formatting text, you should understand what fields and indents are. Despite the fact that in some cases these markup elements look the same for the user, there are fundamental differences between them:
- the field is set by the padding property , indent - margin ;
- , – ;
- ( ), .
margin
, CSS, margin. <p></p> . :
margin: 12px.
, ( ) 12 . , , , :
margin: 36px.
, ? - :
- margin: 11px 22px.
- margin: 11px 22px 33px.
- margin: 11px 22px 33px 44px.
11 , – 22 . , 11 , – 33 , – 22 . CSS 11 , 22 , 33 44 .
: margin-top, margin-bottom, margin-left, margin-right. , . , , 22 :
margin-right: 22.
-.
margin , , CSS . , . , margin-bottom: 15px, margin-top: 35px. , 50 . . margin «» . 35 .
«»
, «» . CSS – text-indent. :
text-indent: 11px.
11 . - , , :
text-indent: 11px;
text-align: justify.
, – , , . CSS, 10%. , 500 , 50 (10% 500).
inherit. , .
text-indent: inherit.
, ! , , 22 :
text-indent: -22px.
, text-indent :
padding-left: 22px.
CSS . . , -: