本文主要是介绍html头像与文字一行,如何正确地为头像图像上的文本编写HTML和CSS？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
我不确定如何获取简历联系表底部的正确HTML和CSS。 当我尝试使用HTML和CSS时，文本不会位于图像的右侧。 所有文本都位于徽标框下方。 我仍在学习HTML和CSS，如果可能的话，想要一个解释。
到目前为止，这是我的HTML：
到目前为止，这是我的CSS：.resume {
width: 584px;
height: 65px;
font-family: Bitter;
font-size: 48px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #575159;
}
.text {
width: 699px;
height: 262px;
font-family: Lato;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: normal;
color: #575159;
}
.logo-box {
justify-content: center;
}
.logo {
width: 146px;
height: 146px;
border-radius: 80px;
border: solid 1px #979797;
}
.job {
width: 561px;
height: 41px;
font-family: Bitter;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #575159;
}
.company {
width: 560px;
height: 53px;
font-family: Lato;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #575159;
}
.year {
width: 418px;
height: 22px;
font-family: Lato;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #575159;
}
.show-more {
width: 181px;
height: 19px;
font-family: Lato;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #92719e;
}
这篇关于html头像与文字一行,如何正确地为头像图像上的文本编写HTML和CSS？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
