В настоящее время у меня проблема с свойством line-height
. В настоящее время я использую это, чтобы текст ниже отображался в середине (~ 2/3 пути вниз по div).
.squ {
height: 30vw;
width: 40vw;
background: gray;
display: inline-block;
margin: 5px;
position: relative;
}
.jbcol3 {
text-align: center;
height: auto;
}
.squ input,
.squ a {
display: inline-block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
line-height: 40vw;
}
<div class="jbcol3">
<!--Start Grey Box-->
<br />
<h3>Account Actions</h3>
<div id="">
<p class="squ">
<input type="submit" value="Make Payment" id="" />
</p>
</div>
<p class="squ">
<input type="submit" value="Get Quote" id="" />
</p>
<p class="squ"> <a id="" href="orderhistory.aspx">Order history</a>
</p>
<p class="squ"> <a id="" href="changepassword.aspx">Change password</a>
</p>
</div>