html - IMG换新线(对齐问题)

我有一个带有文字和小徽标的版权页脚；问题是，在屏幕上（手机较小），它看起来还可以，但是在手机上，IMG转到了新行（文本下方没有上方）。

  <div class="copyrightbar">
  <div id="copyright">Copyright &#169; 2014 <img style="padding-left: 7px; padding-right: 5px;" src="images/copyright.png" width="65" height="19" alt=""/> </div>
</div>

.copyrightbar {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0px;
    background-color: #333;
    z-index: 600;
}
#copyright{
    font-size: 12px;
    font-family: Globerb;
    height: 20px;
    position: absolute;
    opacity: 1;
    color: #646566;
    top: 8px;
    z-index:4999;
}
#copyright img {
position: absolute;
margin-top: -2px;
}

我是CSS的新手，如果我不专业，很抱歉。

最佳答案

可能存在问题，因为图像大小超出了移动屏幕的大小，因此出现了下划线，因为图像没有位置。尝试使用width和hight缩小图像。

您甚至可以尝试删除position:absolute;。