如何使用style =“ text-align:center;”在普通文字上?

时间:2018-11-07 20:33:18

标签: html html5

到目前为止,我已经使用了<h1></h1> 如果我不使用标题就将文本居中怎么办?

2 个答案:

答案 0 :(得分:1)

h1{
    text-align: center;
}
p{
    text-align: left;
}
<h1>My Text<h1/>
<p>some other text</p>

您应该开始使用CSS对html属性的所有内容进行编码,而不是在html代码内部

答案 1 :(得分:1)

文本-文本的常规段落-应该包装在段落标签(<p></p>)中。然后,您可以将所有p标签(或仅将您定位的标签)居中。

p {
  text-align: center; 
}
<h1>I am a heading</h1>

<p>I am regular text</p>

或者,如果您想将所有内容居中,则可以设置<body>标签的样式。

body {
  text-align: center;
}
<h1>I am a header</h1>
<h2>I am a subheader</h2>

I am unwrapped text.

<p>I am text in a paragraph tag.</p>

请注意,将样式放在主体上将使一切居中。

(如果您不这样做,某些浏览器会将您的常规文本隐式包装在<p>标签中,但这是您自己做的更好的做法。)