Currently, I am troubleshooting the JSFiddle where my goal is to vertically center text using CSS.
Below is the HTML code that I utilized to create the JSFiddle:
<div class="poster text-center pt-4">
<div class="item">
<img class="item_poster_image" src="https://i.imgur.com/lbDo4tM.jpg">
</div>
<div class="poster_name_location">
<p class="mb-0">posted by,<span style="color:#ff8b5a;">hello</span></p>
<p class="poster_location">located in, <span style="color:#ff8b5a;">San Francisco, California</span></p>
</div>
</div>
The Challenge at Hand:
I am seeking guidance on which CSS properties I should incorporate into the JSFiddle to ensure that the text appears centered above an image.
Despite my attempts to add the following CSS code, no progress has been made:
.poster_name_location
{
middle
}