I am using a image for list items but it is not displaying on the same level with the
background: -webkit-linear-gradient(#f35626, #feab3a);
Mark Zuckerberg began programming at a young age--when he was 12 he created a messaging program that his father used in his dental office, allowing the receptionist to notify him of new patients without yelling across the office.
<li>Zuckerberg took a computer graduate class at the nearby Mercy College while still in high school.</li>
His parents even hired a computer tutor to work with the young Zuckerberg, but the tutor admitted that it quickly became difficult to stay ahead of his pupil, referring to him as a "prodigy."
See my changes in the updated fiddle - https://jsfiddle.net/n2o79mL7/1/
I have basically removed the padding from the ul and added the image as a background of the li, using background-position and padding to align the list item properly.
Hope this helps mate.