Vertical center of html nodes and center of html nodes

Vertical center of html nodes and center of html nodes

In order to achieve the vertical center of the text on the right side, I tried a variety of methods, but the parent container was not high, so many solutions were rejected. Finally, I turned to the experts and found the following solution:

<Style>

. Container {

Display: flex;

Flex-direction: row;

Align-items: center;

}

</Style>

<Div class = "container">

<Div class = "content">
<P> Han Hong: one of the two proposals mentioned smog this year </p>
<Span> 24-hour hotspot </span>

</Div>

</Div>