i was struggling with positioning the image next to the h1 heading. First i tried the float property. But i couldn’t adjust the top-margin.
Then somehow i got what i wanted by using the Display and Position property. now i can adjust the top-margin.
Is this codes ok or is there a better way to do this?
Note: the alignment of the image and text is off because of the size of the result screen in jsfiddle. i have to add extra code later to fix the size when the screen changes in size