欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

文字图片浮动居中

程序员文章站 2022-03-12 10:14:42
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>document</title>
</head>
<style>
.nav {
height: 44px;
line-height: 44px;
width: 100%;
background-color: bisque;
}
.nav img {
vertical-align: middle;
}
ul {
list-style: none;
}
ul li {
float: left;
}
</style>
<body>
<div class="nav">
<ul>
<li><img src="./机器人.png" alt=""></li>
<li>oa li123456</li>
<li>1442435459@qq.com</li>
<li>登录 注册</li>
</ul>
</div>
</body>
</html>

上一篇： python从txt文件读取数据

下一篇： Linux 命令学习(1): head和tail

推荐阅读