标题

Question

我已经找到了这个问题的一些答案，但我似乎无法找到适合我的解决方案。作为一个学校项目，我们需要创建网站，我决定帮助我的朋友。

所以，我想要做的是： What She Designed

我得到的是： My Best Effort

我的HTML：

            <div class="top">
                <image class ="logo1" src="Assets/FINAL LOGO.png" width="100" height="150" alt="Suit Up Logo">
                <h1 class="title">Suit Up</h1>
                <image class ="logo2" src="Assets/FINAL LOGO.png" width="100" height="150" alt="Suit Up Logo">
            </div>

我的Css：

.top{
width: 80%;
margin: auto;
overflow: hidden;
text-align: center;
min-height: 70px;
padding-top: 30px;
}
header{
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo1{
  float: left;
}
.logo2{
  float: right;
}

Answer 1

只需在css文件中添加以下内容即可。

.title{
 display: inline;}