如何将徽标和文字放在同一行中?
问题描述:
什么是CSS代码的HTML对齐有标志和文字在同一行......它必须在下面的图形显示所示..如何将徽标和文字放在同一行中?
HTML:
<div class="top_left">
<div class="header">
<img src="https://b.fastcompany.net/multisite_files/fastcompany/imagecache/inline-small/inline/2015/09/3050613-inline-i-2-googles-new-logo-copy.png" alt="logo"/> <br/>
</div>
<h2 id="site-title"><a>GOOGLE</a>
<div id="site-description">SEARCH ENGINE </div>
</h2>
</div>
答
可以使用遵循html/css组合:
/* CSS */
.container-div {
position: fixed;
top: 0px;
left: 0px;
width: 250px;
height: 150px;
}
.img-div {
display: inline-block;
position: relative;
width: 45%;
height: 100%;
overflow: hidden;
}
.img-div img {
position: absolute;
top: 0px;
left: 5%;
width: 90%;
height: 50%;
border: 1px solid red;
}
.img-placeholder {
position: absolute;
top: 7.5%;
left: 15%;
}
.text-div {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
border: 1px solid green;
overflow: auto;
}
<!-- HTML -->
<div class="container-div">
<div class="img-div">
<img />
<p class="img-placeholder">
Image Goes Here
</p>
</div>
<div class="text-div">
<h2>
Texty-text
</h2>
<p>
Sub-texty-text
</p>
</div>
</div>
答
使用此代码
<p><img src="https://cdn.pixabay.com/photo/2016/12/27/21/03/lone-tree-1934897_960_720.jpg" alt="imag" style="height: 50px;width: 50px;"><span>kiran</span></p>
答
你好尽量使徽标和容器中的文本,并用浮动几个格,会做的工作,如果我是正确的 这样
我不知道,但是这将有助于
答
您可以使用(在H4的元素,因为它们在默认情况下块)
display: inline-block;
或者你可以浮动的元素向左/ rght
float: left;
只是不要忘了清除浮动后
clear: left;
让我们了解您已经尝试使我们可以帮助你。我们不能假设和为你写代码:) – Aslam