Newbie, and I have been stumped for 4 hours trying to figure this out. Seems like it should be SO simple…
I have a widget in wordpress where I am using a text box to create a profile image and 2 lines of text (name and title underneath, next to a profile pic).
The text box has this:
<img class="alignleft" src="source link" alt="" width="150" height="150" />
<h3>Name</h3>
<em>Title</em>
And the CSS has this:
.mgn-profile-top .textwidget{ align-items: center; justify-content: center; border: 3px solid green; }
I’ve also tried using right and left auto margins among many other methods… Nothing seems to center this widget on the page. I know everything is working though because if I just use text-align: center it will indeed move ONLY the text (and not the image).
What on earth am i doing wrong?