<div class="parent">
<p>上下中央にしたい<br>
上下中央にしたい<br>
上下中央にしたい<br>
上下中央にしたい<br>
</p>
</div>
.parent{
background: pink;
width: 100%;
}
p{
padding: 40px 20px; 0;
position: relative;
}
p::before{
content: "★";
display: block;
position: absolute;
width: 1em;
height: 1em;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.