008文字与小盒子或者图片对齐

最新推荐文章于 2022-09-30 10:53:57 发布

陀陀吖

最新推荐文章于 2022-09-30 10:53:57 发布

阅读量298

点赞数

分类专栏： h5c3

本文链接：https://blog.csdn.net/weixin_40422393/article/details/88937521

版权

h5c3 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文字对齐</title>
	<style>
		div{
			width: 400px;
			height: 100px;
			border: 1px solid red;
			line-height: 100px;
		}
		span{
			display: inline-block;
			width: 20px;
			height: 20px;
			background-color: pink;
			
			vertical-align:middle;     
			margin-top: -5px;

			/*vertical-align:middle;     
			margin-top: -5px;                让文字与盒子对齐，margin-top 可调*/
		}
	</style>
</head>
<body>
	<div>
		<span></span>我是文字
	</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陀陀吖

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
008文字与小盒子或者图片对齐

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文字对齐</title> <style> div{ width: 400px; height: 100px; border: 1px solid r...
复制链接

扫一扫