I am having difficulties when trying to get an image to float with a list. The bullets in my list are finding their ways left of the image, as seen below, when they should be to the right. I have tried using a padding tag within my <ul> tag, however, this is an absolute pixel value, which causes unwanted results when different window sizes view my page.
My code is seen below followed by the image of the undesired outcome. My question is, how can I get these bullets to not go to the left of the image without using <ul style="padding-left: 400px;">.