html图片和文字对齐

我总感觉做的别扭这个是刚学完给留的所以很迷糊文字和图片对不上页不敢用浮动文字做因为清除文字不会用希望会的讲解一下谢谢还有就是我这个文字和图片对齐的方式

你当前这种情况，把li的高度固定死，比如height:30px，然后img和p的高度都是100%继承li的30px，再给p设置line-height:30px让文字垂直居中。当然，更推荐你了解一下flex布局https://blog.csdn.net/weixin_41044151/article/details/114071215：

ul {
display:flex;
justify-content:space-between;
 align-items:center
}
ul li{
display:flex;
justify-content:space-between;
 align-items:center；//让子元素垂直居中
}

flex弹性布局