效果图

HTML结构
<div class="wrap">
<input type="text" class="pass">
<div class="box">
<p>弱</p>
<p>中</p>
<p>强</p>
</div>
</div>
CSS结构
<style>
*{
margin: 0;
padding: 0;
}
.wrap{
width: 400px;
padding: 30px;
margin: auto;
}
.pass{
font-size: 24px;
padding: 5px 8px;
}
.box