Note that there are some explanatory texts on larger screens.

plurals
  1. POchange navigation alignment in center
    primarykey
    data
    text
    <p>i am try to change alignment of navigation in center..<br> in fixed position..<br><br/> i am also try "&lt;center&gt;" tag in html and "text-align: center;" in css but not work.. it's jsfiddle link -> <a href="http://jsfiddle.net/5FvKT/" rel="nofollow">http://jsfiddle.net/5FvKT/</a> <br> it's <strong>CSS</strong></p> <pre><code>html,body { margin: 0px;padding-top:25px; } #nav-bar { position: fixed;top: 0; left: 0; z-index: 999; width: 100%; height: 45px; background: #F5F5F5; } #nav { width: 1200px; margin: 0 auto; height: 45px; } #nav &gt; li { display: inline-block;width: 15em; } ul{ list-style-type: none; position:relative; margin:0; padding:0; position:absolute; font-weight: bold; } ul li{ display:block; float:left; position:relative; margin-right:5px; margin-left:5px} ul li a{ text-align: center; font-size: 18px; margin: 5px; padding: 8px; text-decoration: none; text-transform: capitalized; height: 35px; color:#222; font-size:18px; line-height:48px; } ul li a:hover, ul li a.active{ text-align:center; border-bottom:3px solid #800000; color:#800000 } </code></pre> <p>and <strong>HTML</strong> is</p> <pre><code>&lt;div id="nav-bar"&gt; &lt;div id="nav"&gt; &lt;ul&gt; &lt;li&gt;&lt;a class="active" href="#"&gt;News&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Conference&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Magazine&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Academy&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Market&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload