gpt4 book ai didi

css - 我如何在 CSS 中将标题链接居中?

转载 作者:行者123 更新时间:2023-11-28 09:39:28 24 4
gpt4 key购买 nike

所以我在 CSS 中设计一个网站,并试图将我的导航栏(带有链接的标题)居中,但是当我使用“text-align : center”和“Margin : auto”属性时,它不起作用。这是我的 HTML 文件代码:

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=ISO-8859-1">
<title>Brickwood Fire Dept. - Established 2008</title>
<link type="text/css"
rel="stylesheet" href="main_style.css" media="screen"
</head>
<body>
<h1>
Brickwood Fire Department
</h1>
<h2>
Established 2008
</h2>
<h3>
<a class = "home" href = "http://www.brickwoodfiredept.weebly.com">Home</a>
<a href = "http://www.brickwoodfiredept.weebly.com/contact-us">Contact</a>
<a href = "http://www.brickwoodfiredept.weebly.com/media.html">Media</a>
<a href = "http://www.brickwoodfiredept.weebly.com/links">Links</a>
<a href = "http://www.brickwoodfiredept.weebly.com/newsletter">Newsletter</a>
</h3>
</body>
</html>

这是我的 CSS 代码:

a {
color : white ;
background : #32C1DA ;
width : 30% ;
text-align : center ;
font-family : Arial ;
font-size : 150% ;
margin : auto ;
word-spacing : normal
}

其余的 CSS 代码被省略以节省空间。

最佳答案

尝试将文本对齐放在 h3 标签上而不是 a 标签上。

h3 { text-align:center; }

关于css - 我如何在 CSS 中将标题链接居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12101680/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com