将 <div> 元素定位到左侧

Question

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

我已经尝试了以下 'solutions' 但似乎没有任何东西可以将文本向左移动。

#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;
  }

如果有任何意见或解决方案，我将不胜感激。提前谢谢你。

伊拉姆

Answer 1

将#wctopdropnav的宽度改为100%

Answer 2

问题是由 wctopdropnav ID 的样式引起的。它以固定宽度向右浮动，这就是导致 Blankesque 文本向右推的原因。

从 class 中删除 float: right 并添加 width: 100% 而不是固定宽度。您可能需要使用 margins/padding 来获得正确的左右间距，但这应该有所帮助。

请注意，您也不一定需要删除 float: right，但浮动和固定宽度的组合才是导致您出现问题的原因。

将 <div> 元素定位到左侧

Positioning <div> element to the left

html

css

blogger