008设置文本相对于图片中间显示

代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="../css/012.css">
        <title>文本样式</title>
    </head>
    <body>
        <img src="../../image/love.jpg" alt="李林林">
        <span>李林林</span>
    </body>
</html>
img,span {
    vertical-align: middle;
    height: 50px;
    width: 100px;
}
/* 水平对齐，参照物体  a,b */

 

运行结果：

 

posted @ 2021-08-13 14:45  李林林  阅读(56)  评论(0)  编辑  收藏  举报