We often encountered when using the word need to make the paragraph 2 sinks, so, on a web page how to implement paragraphs 2 through CSS also sink? We in the web site of the construction of the project, often can see a text display of special effects: 2 sinks, so small make up take a few minutes to think about using the method of measuring brain, and knocked code and write out to share with everyone, besides provides the basic problem solving method, here also write my thinking process and the other two possible can use the method of thinking,
Renderings are as follows:

Paragraph 2 sinking method:
1, before the pseudo elements achieve
2, using the tag
control3, the first - letter
Paragraph 2 sinking method analysis:
First method decisively abandoned, the reason is that transfer the data clearly from the background, and then what will pass at this time we can not determine the background data, and the third way is abandoned, the reason is that cannot be achieved a word corresponding to two rows phenomenon, according to the second method, the following thinking:
Three label (" alone "is a label on the left, the right side of the two lines of a label, two lines below the normal text a label) - decisive part with this kind of writing method, the reason is that for Taiwan before and after data interaction was too much trouble, to maintain very inconvenient,
Use two labels, and floating against the first label, use of the nature of the floating - believe that with the floating people think of the basic characteristic of the floating element -- forget it, you can view the article "what is the nature of the floating element", you can look at the second example, here, for the background data, using the string interception, place the words in the two kinds of labels, can use JS interception, may also directly when get to intercept (background)
Paragraph 2 sinks code implementation case:



<meta charset="UTF-8">