How To Move A Span To A Different Position In A Div

I have the following codes in my slider which displays a navigational arrow and bullets:

Solution 1:

I would try to add position:absolute to the spans; Or you can move the whole spans inside the navigator div.

This is option 1:

<divid="slider1_container"style="width: 1300px; height: 600px; overflow: hidden;"><!-- NAVIGATION START --><divu="navigator"class="jssorn21"style="background-color: #00FF00; position: absolute; bottom: 20px; left: 0px;"><divu="prototype"style="background-color: #0000FF; POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align: center; line-height: 19px; color: White; font-size: 12px;"></div></div><spanu="arrowleft"class="jssord21l"style="width: 35px; height: 35px; left: 40%; bottom: 20px; position:absolute;"></span><spanu="arrowright"class="jssord21r"style="width: 35px; height: 35px; right: 38%;position:absolute"></span><!-- NAVIGATION END --></div>

Share