I am trying to adjust the sliding image on my webpage's page banner so that it appears in the center instead of floating to the left or right.
Here is the HTML code:
<ul class"rslides" id="slides">
<li><img src"image/test.jpg"></li>
<li><img src"image/test2.jpg"></li>
</ul>
And here is the CSS:
.rslides {
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}
.rslides li {
position: absolute;
display: none;
width: 100%;
left: 0;
right: 0;
}
I'm looking for a way to center my sliding image on the home page. Both Chrome and Firefox are currently displaying it on the left side, but I want it centered. Any ideas on how to achieve this?