How to arrange text horizontally in css

藏色散人
Release: 2023-01-03 09:30:58
Original
7505 people have browsed it

css让文字水平排列的方法:首先创建一个HTML示例文件;然后在body中创建h1标签内容;最后通过“text-align”属性设置文字水平排列即可。

How to arrange text horizontally in css

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

css中可以使用text-align:center样式设置文字水平居中。

      

This is heading 1

This is heading 2

This is heading 3

Copy after login

效果如下:

How to arrange text horizontally in css

text-align 属性规定元素中的文本的水平对齐方式。

该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。

属性值:

left 把文本排列到左边。默认值:由浏览器决定。

right 把文本排列到右边。

center 把文本排列到中间。

justify 实现两端对齐文本效果。

inherit 规定应该从父元素继承 text-align 属性的值。

【推荐学习:css视频教程

The above is the detailed content of How to arrange text horizontally in css. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
css
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
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!