In HTML, I'm having kind of a simple problem with imagery. I need to know how to get an image to align to the center. I've been told to look up and try examples of flexboxes, but I have and have been unsuccessful in doing so. As you can tell the picture is far to the left and I want it in the center. I'm having the toughest time getting this done and would really appreciate some help.
Here is my current code to try and get the picture to justify
for the main site div part ( near the end I added the unnecessary div tag but yeah it's not centering it on the web page at all and I don't understand why not. Do I have to specific a larger box in CSS and somehow get the box to go all the way across to the right, then center it inside the whole horizontal box?
<div class="displayed">
<IMG class="displayed" src="images/image4.jpg" alt="Grandpa" align"center">
</div>
for the css part
.displayed
{
justify-content: space-around;
}