在 CSS 中将文本从中心移动到左侧

Question

我想将文本从中心移到左侧。text-align或float属性不起作用。

我知道之前有一个这样的问题，但没有一个解决方案奏效。谁能看出我在这里做错了什么？我正在使用括号，这是我的代码：

.logo {
color: #0000000
float: left;
padding-left: 25px;
font-size: 16px;
font-weight: bold;
}

.logo > a {
text-decoration: none;
color: #000000;
}

这是.html

<ul class="gws">
<div class="logo">
<a href="#">LOGO</a>        
</div>

以下是网站目前的外观

http://prntscr.com/k14jf5

这是完整的编码

http://prntscr.com/k1b1zl 和 http://prntscr.com/k1b2gn

Answer 1

试试这个： 移动左侧使用

{
float:right;
padding-right:50px;
}

向右移动

{
float:left;
padding-left:50px;
}

Answer 2

十六进制颜色包含 6 位数字，您的颜色有 7 位，也不要忘记在颜色和float: left;后面放置一个分号 (;( 看看这是否有效。

Answer 3

我建议两件事：

1. 浮点缺少结束分号。它应该是这样的：

   浮点：左;

2. 无序列表类的宽度是多少？确保足以让您的徽标向左对齐。如果它具有固定宽度，则使其变大。

如果您能提供更多信息，那么我将能够更好地提供帮助！

Answer 4

要获得所需的结果，您应该anchor tag。

.logo { 
color: #0000000; 
padding-left: 25px; 
font-size: 16px; 
font-weight: bold; 
}
.logo > a { 
text-decoration: none; 
color: #000000; 
text-align: left;
}