CSS Note 1.6 vertical-align属性

一、vertical-align/垂直对齐

二、示例

1、Html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="CSS/Test24.css">
</head>
<body>
    <div id="div4" >hello world
        <img src="杨贵妃.png" alt="">
        <img src="王昭君.png" alt="">
        <div id="div2"><img src="sp/sp3.png" alt=""></div>
    </div>
</body>
</html>

2、CSS

@charset "UTF-8";
img{
    width: 60px;
    height: 120px;
}
*{
    margin: 0;
    padding: 0;
}
#div2{
    display: inline-block;
    vertical-align: text-top;
}
#div1{
    display: inline-block;
}

三、效果

CSS Note 1.6 vertical-align属性