JSFiddle - React, Tailwind, and code Playground

by gothic

HTML

<div class="middle">
		<strong>对象的内容与对象中部对齐</strong>
		<p>参考内容<a href="?">要对齐的内容</a></p>
	</div>

CSS

p{border:1px solid #000;font-size:16px;line-height:2;}
a{margin-left:5px;font-size:12px;}
.middle a {
    vertical-align:middle;
}