How to add line break between two inline elements

不言
Release: 2019-04-15 14:06:21
Original
2684 people have browsed it

Internal link elements are generally basic elements based on semantic level (semantic). They can only accommodate text or other inline elements. For example, elements such as text are arranged horizontally between each letter and automatically wrap to the right end. Then , how do we add a newline character between two inline elements?

This article will introduce to you how to add a line break between two inline elements.

How to add line break between two inline elements

If you need two inline elements, one of which inserts the next line inside the other, you can do this by adding a pseudo-element: after with content:'\a'.and white space:pre

Let’s look at the specific code examples

HTML code:

<h3>
    <span class="label">PHP中文网1</span>
    <span class="secondary-label">PHP中文网2</span>
</h3>
Copy after login

CSS code

<style type="text/css">
        .label:after {
    content: &#39;\A&#39;;
    white-space: pre;
}
    </style>
Copy after login

The running results are as follows: You can see that in the results, the text becomes two lines.

How to add line break between two inline elements

This article is all over here. For more exciting content, you can pay attention to the CSS Video Tutorial column of the PHP Chinese website! ! !

The above is the detailed content of How to add line break between two inline elements. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!