You can use CSS positioning to position the leaf at the bottom
by using position: relative;
on article
tag and positioning :after
pseudo using position: absolute;
along with left
and bottom
properties...
You can use right
instead of left
if you want to position the leaf to the right, or say, you can use top
as well, but make sure you use position: relative;
for the article
else your leaf will fly out in the wild ...
article {
min-height: 100px;
border: 1px solid black;
border-radius: 5px;
margin-top: 10px;
padding: 20px 2px 20px 2px; /* You can write this as padding: 20px 2px; */
position: relative;
}
article:after {
display: block; /* You won't need this as we are using position: absolute; */
content:"\2766";
font-size: 150%;
position: absolute;
bottom: 5px; /* Left some breathing space, you can use 0 too */
left: 5px;
}