嗨，我目前是网页设计的新手，我的设计有问题。
我正在尝试在标题的左上角添加图像标题，但问题是当我添加图像时，它不遵循标题大小，而是遵循其原始图像大小。
我希望它自动调整标题大小。 但是每次我调整它的高度时，它都会与标题重叠，或者当我向其添加填充时，图像突然重新调整为较小的图像。
似乎有什么问题？
这是它现在的样子：
http://postimg.org/image/6djteoy6l/
我的 html 文件的一个片段：
<a class="main-title navbar-brand" href="home.html"><img src="iservice.jpg" id="iLogo"/> </a>
我的 CSS 文件片段：
#iLogo{
height: 50px;
width: 200px;
padding-bottom: 20px;
}
尝试像图像一样设置标题的高度。或者在jsfiddle上给出确切的例子