Css 对齐中心混乱定义列表_Css_Html_Xhtml_Xhtml Transitional

Css 对齐中心混乱定义列表

css html

Css 对齐中心混乱定义列表,css,html,xhtml,xhtml-transitional,Css,Html,Xhtml,Xhtml Transitional,我想在我正在制作的网站上创建一个“联系我”部分，但问题是我的整个网站都有文本对齐：居中，我正在使用联系信息的定义列表。有没有一种方法可以让我的页面仍然使用包装器，但将文本向左对齐，而不会超出白色边框 CSS: HTML: 乔·斯科托|联系人电话号码 XXX-XXX-XXXX 电子邮件地址 XXXXXX@gmail.com 您试过这个吗 dl { text-align: left; } 编辑：我将上述内容添加到您的css中，列表向左对齐。如果我正确理解您的意思，那么您的问题可以

我想在我正在制作的网站上创建一个“联系我”部分，但问题是我的整个网站都有

文本对齐：居中

，我正在使用联系信息的定义列表。有没有一种方法可以让我的页面仍然使用包装器，但将文本向左对齐，而不会超出白色边框

CSS:

HTML:


乔·斯科托|联系人



电话号码
XXX-XXX-XXXX
电子邮件地址
XXXXXX@gmail.com

您试过这个吗

dl {
    text-align: left;
}

编辑：我将上述内容添加到您的css中，列表向左对齐。

如果我正确理解您的意思，那么您的问题可以通过两种方法解决：

在#contact css中，在同一行的“文本对齐：左”之后添加“！important”
如果重叠，则添加边距

如果这不能回答你的问题，请给我一个链接，这样我就可以看到发生了什么

希望我能帮忙。

#联系{
文本对齐：左对齐；
}

可能有用<代码>位置：相对尝试删除。因为CSS自上而下，用新值覆盖属性

如果您想在body3中保留“contact block”（居中），为什么要在#contact中添加代码“right:390px；”，我看不出原因。因此，如果你删除它，一切都会好起来。

从css的html标记中删除文本对齐：居中，并在每个div标记中添加文本对齐属性，这样你就可以随心所欲地对齐了

请提供一个小提琴

#联系人{position:relative；right:390px；text align:left}

你写得很好。。因为CSS自上而下，用新值覆盖属性。Lars，这是评论还是回答？如果答案是肯定的，请解释为什么这应该有效。谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Joe Scotto | Contact</title>
</head>

<body>
<div id="container">
<div id="body3">
<img src="banner.png" width="1000" height="100" />
<!--Navbar Start-->
<center>
    <ul class="navbar">
        <li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Services</a></li><li><a href="biography.html">Biography</a></li>
    </ul>
</center>
<!--Navbar End-->
<div id="contact">
<dl>
    <dt><h3>Phone Number</h3></dt>
        <dd>XXX-XXX-XXXX</dd>
    <dt><h3>Email Address</h3></dt>
        <dd>XXXXXX@gmail.com</dd>
</dl>
</div>
</div>    
</div>
</body>
</html>

dl {
    text-align: left;
}