将物体置于另一个令人不安的物体中心

Question

我有一个问题是将我的一张图片放在中心位置。有两个图像使#the_one_I_want_centered跟在text-align: center;后面，位于浏览器的#the_one_in_the_corner和左侧之间。但我希望它以标题为中心。是否有人可以帮我这个请！

我也有一个更简单的问题，这就是为什么我的#the_one_in_the_corner没有按下我的#the_one_I_want_centered下面的原因。我想知道因为它是一个display: block;元素巫婆不应该让任何其他对象与它在同一行，如果我已经正确地说明了它！这不是我想要的东西我只是想知道！

提前致谢！

header {
	float: left;
	width: 100%;
    text-align: center;
}

#the_one_in_the_corner {
	float: right;
	margin: 10px;
}

#the_one_in_the_corner a {
	padding: 10px 10px 25px 30px;
}

#the_one_in_the_corner img {
	width: 20px;
}

<header>
			<div id="the_one_in_the_corner">
				<a href=""> <img src="a imag in the right corner"></a>
			</div>
			<a href="" id="the_one_I_want_centered"><img src="a image I want centered"></a>
 </header