alt text

May I know how can I make menus (Home.... Testimonial) to be at the center, at the same time, makes "Help" at the right most and same row?

Here is my current code :

<div class="breadcrumbs">
<div style="float : left; margin-left: auto ; margin-right : auto"><a class="current_page" href="index.html">Home</a> &middot; <a href="download.html">Download</a> &middot; <a href="features.html">Features</a> &middot; <a href="ma_indicator.html">Indicators</a> &middot; <a href="testimonial.html">Testimonial</a></div>
<div style="float : right"><a href="contact.html" >Help</a><small>?</small></div>
<div id="clear"></div>
</div>

1 answer

Mottie 1134
1
point

First off, your code would be more readable (at least to me) if you would separate the HTML and CSS. But try this. instead of floating both menus:

<style type="text/css">
.breadcrumbs { text-align: center; }
.help { float: right; }
</style>
<div class="breadcrumbs">
 <a class="current_page" href="index.html">Home</a> &middot; 
 <a href="download.html">Download</a> &middot; 
 <a href="features.html">Features</a> &middot; 
 <a href="ma_indicator.html">Indicators</a> &middot; 
 <a href="testimonial.html">Testimonial</a>
 <span class="help">
  <a href="contact.html">Help</a>
  <small>?</small>
 </span>
</div>
Answered over 6 years ago by Mottie