css - 如何将图像对齐到div的左上方

下面的代码：

的CSS

#block {
    border-width: 2px;
    border-color: #4682B4;
    background-color: #E0FFFF;
    width: 200px;
    text-align: center;
}

的HTML

<div id="block">
<h3>Test header</h3>

<p>
<img height="100" style="max-width: 120px;background-position: top left;" src="http://socialmediababe.com/wp-content/uploads/2010/12/administrator.jpg" />
</p>

<p>
Test text
</p>
</div>

产生这个：



如何将图像对准屏幕的左上角？

左上角是指对齐箭头所指的点：



我尝试过“背景位置：左上；”但这没有任何区别。

尝试“ Fags”答案后，我收到相同的结果：

最佳答案

像这样

DEMO

的CSS

*{
    margin:0;
    padding:0;
}
#block {
    border-width: 2px;
    border-color: #4682B4;
    background-color: #E0FFFF;
    width: 200px;
    text-align: center;
    line-height:30px;
    padding:3px 0;
}

DEMO1

关于css - 如何将图像对齐到div的左上方，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18441501/