I'm trying to display jquery mobile icons beside each other on a ribbon above image but the icons appear on the same place over each other.
I tried to give them a relative position and set a margin left for each one of them but did not work too like the following
<div style='position: relative; margin-left:-60px'><span class='ui- btn-icon-notext ui-icon-eye' /></div>
Here is my code https://jsitor.com/Cucuyhhsq
I expect the icons will appear like the following image:
