Shulou(Shulou.com)06/01 Report--

This article mainly introduces CSS how to achieve the first line of indentation two text, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor with you to understand.

Css indents the first line of paragraph P by two words and css indents two calligraphy spacing distances. Html does not use space characters, but uses css to achieve the two calligraphy functions of the beginning of a paragraph or the beginning of a text in div.

Indent 2 pen and ink typesetting effect

The first line of pen and ink in div indents 2 text intervals like spaces.

Indent CSS attribute style words:

Text-indent

Set the equipment CSS indent value:

Text-indent:2em

Set the value to 2m _ color-two units relative to the length.

If you set the device font size to 12px, why not set the indent value to 24px; for example, set the device font size to 20px, why not set the indent value to 40px?

Then express it from the html length unit em:

Do not deal with the font size of the text in the current object. The meaning of the em unit is the relative size of the pen and ink. 1em is the size of one calligraphy, and 2em is equal to two calligraphy sizes.

Px is an absolute still pixel unit, if the mode font size is tampered with, and the indentation px unit value is not tampered with the font size, then indentation is not exactly 2 ink positions space indent spacing, to correct the calligraphy size is to modify the indent value, which is more difficult than poverty.

If you use em absolute calligraphy size of 2 units (2em), regardless of the DIV font size, P font size tamper city adaptive indentation just appropriate 2 calligraphy spaces.

Example CSS code:

. sj-div {text-indent:2em; font-size:12px;}. Sj-p p {text-indent:2em; font-size:24px}

If the above CSS code is put into the CSS file, you need to remove the style tag.

Instance HTML mode code:

China's Trademark Law stipulates that trademark registrants enjoy the exclusive right to use the trademark and are protected by laws and decrees. The biggest price for an enterprise to apply for a trademark is to care for its own brand, guarantee its own brand manufactured goods, and sell and advertise normally in the market, so as to prevent the use of others.

According to the rules of the Trademark Law of our country, the trademark registrant has the exclusive right to use the brand, which is concerned by the judiciary. Enterprises require that the maximum cost of a trademark is equal to concern for their own brand, guarantee their own brand products, service malformed development of sales, advertising in the market, to stop the use of others.

On the one hand, brand registration is in accordance with the first application system, if the enterprise does not have a registered trademark, it is easy to be maliciously preempted by some division of labor opponents and license deed elements. On the other hand, the trademark carries the goodwill of the brand and is the legal carrier of the brand value of the enterprise.

The above HTML and CSS code requires code and content.

Screenshot of the effectiveness of the instance code run by the reader:

No matter how much the font size is indented and set 2em, the first line can be indented by two text spaces.

From the following examples and the results of the browser, we can see that the first line of CSS typesetting is indented exactly two text positions, and you can use text-indent:2em to achieve the needs of the agency.

Thank you for reading this article carefully. I hope the article "how to indent two words in the first line of CSS" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.