我在标题居中的HTML页面上获得了标头(h1)。
纵向模式使图像位于该标题上方,并且当将方向更改为横向时,我希望该图像位于标题的左侧。
我尝试将<br>
与@media屏幕和(orientation:portrait/landscape)
结合使用
和不同的设置没有任何进展。如果我使用float left,图像仍然停留在Title等上方的行。我真的不知道如何解决它。
<!DOCTYPE HTML>
<html>
<body>
<h1><img>"picture"</img><br>Car</h1>
</body>
</html>
有没有人有什么建议?
最佳答案
希望这段代码对您有所帮助。
html代码
<h1><img src="img.jpg" /> <span>Call</span></h1>
普通视图的CSS代码
h1{
text-align:center;
}
h1 img{
display:inline;
}
h1 span{
display:block;
}
用于景观视图的CSS代码
h1 span{
display:inline;
background-color:#3CF;
position:relative;
top:-25px;
}
根据您的图像高度调整顶部位置。