我如何将我的文本略微靠左，以便它与附加的橙色条的抓取一致？如果我执行“Text-Align: Left”，它会向左移动太远。感谢您的帮助。
#orange-bar {
width: 18%;
height: 43px;
position: left;
margin: 2px 0px 0px 0px;
background-color:#FF6633;
font-family:'LinotypeUniversW01-Bold 723691';
color:#FFFFFF;
font-size: 17px;
vertical-align:middle;
line-height: 43px;}
<html>
<head>
<title>Instagram</title>
<script type="text/javascript" src="http://fast.fonts.com/jsapi/999aedb9-3bfd-4571-a6ad- 1d2b5e4de25f.js"></script>
<link href="/static/main.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<a href = '/instagram' id = 'header-name'></a>
<form method = 'post'>
<input onfocus="this.value=''" onblur="this.value='#tag search'" type = 'text' name = 'tag' id = 'tag-search' value = '#tag search'></input>
</form>
<div>
<input type="submit" id = "submit">
</div>
<div id = "header-bar"></div>
<div id="orange-bar">#LOOKLAB</div>
<div id = "container">
最佳答案
检查要与橙色条对齐的元素的 padding-left 属性。
padding-left: 10px;
关于Div block 内的 CSS 文本间距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17305662/