无法使用填充css推送图像

Question

以下是图片网站的链接：

Image Site

如果你看，我将图像设置在灰色背景圆圈内。图像本身位于圆圈内。我将CSS填充设置为：

padding:3px 0 0 0

这会将图像从背景灰色圆圈边框的顶部放置3px。

我想将图像向上移动，使其更靠近圆圈顶部

当我将填充设置为：

padding:0px 0 0 0 

它不会移动图像。 应该。

如何将此图像更多地移动到灰色背景圆圈的顶部。

Answer 1

它自己的图像在顶部有大约8个透明像素。为了减少明显的填充，你需要在图形程序（例如photoshop）或服务器上裁剪这些像素

Answer 2

事实上只是删除那些内联样式并更改这样的CSS .fare样式

.fare{padding:0 20px}

请注意20px是提供间距，你可能根本不需要它，它有味道，所以玩它，我更喜欢它。当然，保留.fare

中的所有其他属性

Answer 3

我注意到图像上方有一个h4元素会自动添加一些填充和边距。我将h4设置为边距0并填充0，它帮助了一些： - ）

Answer 4

在该div中创建一个新div，然后将该div与margin-top一起移动：-3px;