Html当中文本与标签如何让其居中

程序员文章站 2022-03-25 16:03:32

...

1、文本居中：

text-align: center;
line-height: 100px; （=height）

2、标签居中

margin: 0 auto;   其中0指的是margin-top:0

代码片：

<!DOCTYPE html>
      <html lang="en"><head>
    <meta charset="UTF-8">
    <title>搜索论坛</title>
    <link rel="stylesheet" href="https://www.baidu.com/img/baidu_jgylogo3.gif">
    <style>
        .item1{            
            height: 100px;            
            width: 100px;           
            background-color: red;            
            text-align: center;            
            line-height: 100px;            
            margin: 0 auto;        
        }
        .item2{            
            height: 100px;            
            width: 100px;            
            background-color: wheat;            
            text-align: center;            
            line-height: 100px;            
            margin: 100px auto;        
        }
    </style>
    </head>
    <body>
    <p class="outer">
         <p class="item1">1111</p>
         <p class="item2">2222</p>
    </p>
    </body>
</html>

Html当中文本与标签如何让其居中

以上就是Html当中文本与标签如何让其居中的详细内容，更多请关注其它相关文章！

Html当中文本与标签如何让其居中

如何让文本水平居中对齐_html/css_WEB-ITnose

html中如何让DIV标签中的P标签水平和垂直都居中？

如何让文本水平居中对齐_html/css_WEB-ITnose

html中如何让DIV标签中的P标签水平和垂直都居中？

jsp里面的 link标签内嵌入按钮，按钮的css是引入图片，如何让按钮表示垂直居中_html/css_WEB-ITnose

Html当中文本与标签如何让其居中

html中如何实现文本与标签居中

Html当中文本与标签如何让其居中

jsp里面的 link标签内嵌入按钮，按钮的css是引入图片，如何让按钮表示垂直居中_html/css_WEB-ITnose

html中如何实现文本与标签居中