Shulou(Shulou.com)05/31 Report--

In this article Xiaobian for you to introduce in detail "what are the two ways to set text center in css", the content is detailed, the steps are clear, and the details are handled properly. I hope this article "what are the two ways to set text center in css" can help you solve your doubts.

1. Use the text-align attribute to center the text horizontally.

The text-align attribute specifies the horizontal alignment of the text in the element, setting the text by using the Center value.

Center;} span {text-align: center;} .txt2 {text-align: right;}

This is content 1.

This is content 2.

This is content 3.

2. The line-height attribute centers the text vertically

Setting the height of the line-height to the same height as the height makes the text center vertically.

Html,body {width: 100%; height: 100%; margin: 0; padding: 0;} .content {width: 300px; height: 300px; background: orange; margin: 0 auto; / * horizontal Center * / position: relative; top: 50% / * offset * / margin-top:-150px;} read here, this article "what are the two ways to set text center in css" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it before you can understand it. If you want to learn more about related articles, please follow the industry information channel.

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.