Question

我正在尝试将div元素 - 标题为'BLANKESQUE'的链接 - 放在左侧。我博客博客的链接如下：http://www.blankesque.com。

我尝试了以下“解决方案”，但似乎没有任何内容将文字移到左侧。

#dptuh {
position: left;
}

#dptuh {
left:auto;
}

#dptuh {
text-align: left;
}

#dptuh {
float: left;
}

我在下面列出了相关的html和css编码。

<div id='dptuh'>
<a href='http://www.blankesque.com'>Blankesque</a>
   </div>

#dptuh {
color: #000000;
text-transform: uppercase;
font-family: cantarell;
font-size: 16px!important;
display: block;
letter-spacing: 0.13em;
text-decoration: none;
margin: 0.9%;
  }
#dptuh a {
font-weight: normal;
  }

我很感激任何输入甚至解决方案。提前谢谢。

Iram

Answer 1

将 #wopopdropnav 的宽度更改为 100％

Answer 2

问题是由wctopdropnav ID上的样式引起的。它以固定的宽度向右漂浮，这正是导致你的Blankesque文字向右推的原因。

从该类中删除float: right并添加width: 100%而不是固定宽度。您可能必须使用边距/填充来获得正确的左右间距，但这应该会有所帮助。

注意，您也不一定需要删除float: right，但浮动和固定宽度的组合是造成问题的原因。

将<div>元素定位在左侧

2 个答案: