📌  相关文章
📜  如何在HTML中对齐文本

📅  最后修改于: 2020-11-04 01:04:34             🧑  作者: Mango

如何在HTML中对齐文本

在HTML中，我们可以使用以下两种方式对齐文本：

  • 使用HTML标记(
    标记)
  • 使用样式属性

使用HTML标签

如果我们想使用要在网页上显示的Html标签将文本移动到中心位置，则必须遵循以下步骤。

步骤1：首先，我们必须在任何文本编辑器中键入HTML代码，或在文本编辑器中打开要在其中对齐文本的现有HTML文件：


   
    
   
Align a text using Html tags


 
Hello JavaTpoint! 

Hello User! 

How are You?

步骤2：现在，将光标移动到我们要指定其对齐方式为中心的文本的开头。然后，在此时输入Html标签。

 Single Line text and statements

步骤3：然后，我们必须在要放置在中心位置的文本结尾处关闭中心标签。

 Single Line text and statements

步骤4：最后，保存HTML文件，然后运行该文件。


   
    
   
Align a text using Html tags


 

Hello JavaTpoint! 

Hello User! 


How are You?

以下屏幕快照显示了以上代码的输出：

使用样式属性

如果我们想使用要在网页上显示的内联样式属性来对齐文本，则必须遵循以下步骤。

步骤1：首先，我们必须在任何文本编辑器中键入HTML代码，或在文本编辑器中打开要使用style属性对齐文本或段落的现有HTML文件。


   
    
   
Align a text or paragraph using style attribute


 
Hello User!
JavaTpoint is the Best Site for providing education. 

In HTML, we can align a text using the following two ways:
1. Using HTML tag 
2. Using style attribute

步骤2：现在，将光标移动到我们要指定其对齐方式的文本的开头。然后，在

(段落)标签。

 Any Text or paragraph

步骤4：最后，保存HTML代码，该代码可以更改文本或段落的位置。


   
    
   
Align a text or paragraph using style attribute


 

 Hello User! 


 JavaTpoint is the Best Site for providing education. 



 In HTML, we can align a text using the following two ways: 

1. Using HTML tag  

2. Using style attribute

下面的屏幕快照显示了上述HTML代码的输出：