html - CSS text transition reverting to font size after finished -

I have problems converting my text properly. I have a list with five hyperlink texts:

  & lt; Div id = "listcontainer" & gt; & Lt; Ul id = "wordList" & gt; & Lt; Li class = "wordListItem" & gt; One class = "wordListLink" href = "somewhere 1.jsp" & gt; Word 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "wordListItem" & gt; A class = "wordListLink" href = "somewhere 2.jsp" & gt; Word 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "wordListItem" & gt; One class = "wordListLink" href = "somewhere 3.jsp" & gt; Word3 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "wordListItem" & gt; & Lt; One class = "wordListLink" href = "somewhere4.jsp" & gt; Word 4 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "wordListItem" & gt; One square = "wordListLink" href = "somewhere 5.jsp" & gt; Word 5 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

I use #wordList to remove tablets; #wordListItem to display inline words, and #wordListLink to make text changes and font properties:

  .wordListLink {line-height: 50px; Text-decoration: None; -Widk-Infection: easy-to-read in all 0.3; -Mozy-infection: easy-to-read in all 0.3; -MMS transition: all 0.3s ease-in-out; -O-Infection: All 0.3 S-in-Out; Transition: All 0.3s Easy-Out; White color; Font-size: 40px; Margin-right: 30px; } .wordListLink: link {color: white; } .wordListLink: visited {color: white; } .wordListLink: hover {color: # 838383; Consequently: scale (1.1); / * I've tried the font-size: 45 pixels, but the transition takes the remaining words to the * /}  

and to move a list container to the list on the right :

  #listContainer {status: absolute; Bottom: 0; Correct: 0; }  

What am I trying to do, immediately reduce the size to hover slightly. But with the result: scale (1.1) increases the text, but once it grows, it just returns to normal, while the mouse still rotates. It does not remain on 1.1 scale for some reason. Problems using font-size: 45 px is that, first, moving the other words to move the space, and second, it increases the font left side upwards instead of equal on all sides. Does anyone have a fix for this?

Not enough to accommodate list items adequately when you are housed

You should

1. increase width of list item,
2. font-size << code> margin Add (from 1.35em to to 1.4em ),

I know , If it helps!