title: How to keep div width after hover?
body: <p>Please how to keep div width after hover ?</p>
  
  <p>this is HTML Code</p>
  
  <pre><code>&lt;div&gt;
  &lt;a href="/kcms1/The-Plant/Refining.aspx" style="white-space:nowrap; position:relative;"&gt; Refining&lt;/a&gt;
  &lt;a href="/kcms1/The-Plant/Products.aspx" style="white-space:nowrap; position:relative;"&gt; Products&lt;/a&gt;
  &lt;a href="/kcms1/The-Plant/Process.aspx" style="white-space:nowrap; position:relative;"&gt; Process&lt;/a&gt;
  &lt;a href="/kcms1/The-Plant/Quality-Assurance.aspx" style="white-space:nowrap; position:relative;"&gt; Quality Assurance&lt;/a&gt;
  &lt;a href="/kcms1/The-Plant/Safety.aspx" style="white-space:nowrap; position:relative;"&gt; Safety&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>========</p>
  
  <p>please this is my main menu and the width is not fixed, when mouse hover on (Quality Assurance) main div is increased width approximately 2 pixels.</p>
  
  <p>and i want the hover is Bold.</p>
  
  <p>i am used letter-spacing but not good :( </p>
  
  <p>you can see my problem here
  <img src="https://i.stack.imgur.com/crSBi.gif" alt="enter image description here"></p>