HTML文本对齐属性不工作

“文本对齐”属性有问题，因为它在以下代码中不起作用：

<Titulo1>Title Text</Titulo1>
<BR>
<h1>Normal Text</h1>

---

下面是更详细的信息：

默认情况下，自定义标记是

内联

元素。您需要向其添加

display:block

css

*{
字体系列：Arial；
颜色：#2d2d
}
提托洛1{
字体大小：40px；
字号：900；
文本对齐：居中；
display:block/*如果您希望继续使用css，请添加此选项*/
}
TextoNormal{/*css属性不由内容应用，因此这将不起作用*/
字体大小：30px；
文本对齐：居中；
}
/*或者是一种更好的方式，比如html*/
标题文本
div{
文本对齐：居中；
}
h1{
文本对齐：居中；
}

您为什么要构建自己的元素？但除此之外，如果您指定

display:block（或宽度大于内容本身的
display:inlineblock
）它可以工作：，。
Titulo1
不是有效的HTML元素（也不是
TexttoNormal
）。如果你试着那样使用它，它会引起各种各样的问题。这就是HTML类和ID的用途。什么是
Titulo1
和
TextoNormal
（我甚至在HTML中都没有看到）？感谢所有帮助我解决问题的评论。我在这方面是新手，我试图创建自己的元素，以便确切地知道它们在做什么。由于这不是最佳实践，我将使用HTML现有的，并了解更多有关HTML类和ID的信息。谢谢您的评论。我给了我更多的选择来解决我的问题。我是这方面的新手，我正在尝试找出用HTML编程的最佳方法。欢迎提出更多建议。如果您还有任何疑问，欢迎询问。你可以接受这个答案。
*               {font-family: Arial; color: #2D2D2D}
Titulo1         {font-size: 40px; font-weight: 900; text-align: center}
TextoNormal     {font-size: 30px; text-align: center}

* {
    font-family: Arial;
    color: #2D2D2D
}
Titulo1 {
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    display: block /* add this if you wish to continue using your css */
}
TextoNormal { /* css property are not applied by content, so this will not work */
    font-size: 30px;
    text-align: center;
}

/* or a better way as in html */

<!-- or better way -->


<div>Title Text</div>

div{
    text-align: center;
}

h1 {
text-align: center;
}