I tried many "Display" param in CSS and seem none able to set a proper alignment, please help me to solve it.
<div id="fadeshow2toggler" style="text-align:center; width:290px;">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
Display will not set any allignment.
This may be what you need.
<style type="text/css">
.prev, .next, .status{float:left;}
</style>
try this:
<center>
<div id="fadeshow2toggler" style="text-align:center; width:290px;">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
</center>
Can you modify the HTML? If so, add a container for the two anchors and the div like this
<div id="fadeshow2toggler" style="width:290px;">
<div class="linkscontainer">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
</div>
And use this CSS
.linkscontainer{
margin:0px auto;
min-width:50%;
}
.status{
display:inline;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.