我想并排设置我的狮子图像和 h1 标签 tex。但是有些事情搞砸了。不知道它是什么。
h2 {
width:50%;
float:right;
padding:30px 0px 0px 0px;
margin:0 auto;
}
.lion {
width:10%;
float: left;
padding-right:30%;
margin:0 auto;
}
<img src="texlion-w.png" class="lion">
<h2> നമസ്കാരം, എന്റെ പേര് അഭിജിത്ത് കെ എ.വരക്കാനും, എഴുതാനും ഇഷ്ടമാണ്.</h2>
</div>
最佳答案
使用 FlexBox:
.flex{
display: flex;
}
.flex h2{
width:50%;
padding:30px 0px 0px 0px;
margin:0 auto;
}
<div class="flex">
<img src="http://placekitten.com/200/200" class="lion">
<h2> നമസ്കാരം, എന്റെ പേര് അഭിജിത്ത് കെ എ.വരക്കാനും, എഴുതാനും ഇഷ്ടമാണ്.</h2>
</div>
关于html - 如何并排设置图片和文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56917398/