Css 在左侧和同一行上移动徽标

Css 在左侧和同一行上移动徽标,css,Css,我想移动到网站标题和描述左边的标志。我在谷歌上搜索了CSS调整来重新定位徽标,但没有成功。我对CSS几乎一无所知 有人能帮我吗?该网站是www.cebubiblesiminary.com它不起作用的原因是页眉会自动创建新行。这个网站做了类似的事情: palyrobotics.com 使用样式“display:inline;”制作标题。请参见下面的示例: <img src="/assets/img/logos/main_logo.png" width="100" height="50">

我想移动到网站标题和描述左边的标志。我在谷歌上搜索了CSS调整来重新定位徽标,但没有成功。我对CSS几乎一无所知


有人能帮我吗?该网站是www.cebubiblesiminary.com

它不起作用的原因是页眉会自动创建新行。这个网站做了类似的事情:

palyrobotics.com

使用样式“display:inline;”制作标题。请参见下面的示例:

<img src="/assets/img/logos/main_logo.png" width="100" height="50">
<div class="show-for-small-only">
  <h2 style="display:inline; margin-left:-10px;">Paly Robotics</h2>
</div>
<div style="float:left; width:300px;">
  <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256">
</div>
<div style="float:right"; width:800px;>         
  <h1 class="site-title">Cebu Bible Seminary Inc.</h1>
  <h2 class="site-description"></h2>
</div>

帕利机器人
你会做:

<a href="http://www.cebubibleseminary.com/" title="Cebu Bible Seminary Inc." rel="home" class="site-intro">
  <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256">
  <h1 class="site-title" style="display:inline;">Cebu Bible Seminary Inc.</h1>
  <h2 class="site-description"></h2>
</a>


这应该行得通。如果没有,请单击LMK。

您好,欢迎来到stack overflow。 我希望这有帮助

CSS补丁

.site-intro .avatar {
width: 104px;
float: inherit;
}
这就是它将如何处理的
您的标签有误。这应该是一个CSS问题

要解决您的问题,只需将内容分为两个部分。例如,应用样式属性float left和float right。如果要对齐,请使用属性宽度。例如:

<img src="/assets/img/logos/main_logo.png" width="100" height="50">
<div class="show-for-small-only">
  <h2 style="display:inline; margin-left:-10px;">Paly Robotics</h2>
</div>
<div style="float:left; width:300px;">
  <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256">
</div>
<div style="float:right"; width:800px;>         
  <h1 class="site-title">Cebu Bible Seminary Inc.</h1>
  <h2 class="site-description"></h2>
</div>

宿务圣经神学院有限公司。

请显示您尝试过的内容。@Beep。非常感谢你的帮助。我们有没有办法让徽标更接近第一个字母(C)?高度过去是400像素左右,但现在降到了200像素左右,这是可以理解的,因为我们去掉了那里的标志。我们有没有办法保持高度?当然,改变css很简单。我很高兴能帮上忙。