I am attempting to design a horizontal unordered list with an image positioned in the center of it. I am facing the challenge of not being able to insert the image directly within the unordered list. Is there a way to align the image in the center while having the links floating around it?
*The HTML code for the image must remain separate from the UL element.
*This task cannot be achieved using HTML5 or CSS3.
<img>
<ul>
<li><a></li>
<li><a></li>
<li><a></li>
<li><a></li>
<li><a></li>
<li><a></li>
</ul>
Desired result
|-link-| |-link-| |-link-| |-img-| |-link-| |-link-| |-link-|