Add vertical-align: top to the imgs. jsfiddle.net/thirtydot/86ZEf/4/ This problem was happening because the default vertical-align is baseline, see here for more information.
Add float:left; to #ftr_top_ctr a and give it a line-height:16px;. Add a rule for the icon: #ftr_top_ctr a img {float:left;}. Fiddle.
Your jsFiddle link needs to be updated; at the moment, it's pointing to the one in the original question. – thirtydot Aug 22 at 2:30 1 It is going to the right place. – Kelly Cook Aug 22 at 2:32.
Try this: jsfiddle.net/86ZEf/8/ Instead of adding a border to the a elements, add it to the li elements and set a height on the li elements too. Lastly, remove the "float", set "li" to inline and you're good to go. Relevant snippet: .
Btn_lnk ul li { display: inline; height: 22px; border: 1px solid; border-radius: 3px 3px 3px 3px; padding: 3px 4px; } Here is the updated css in its entirity: . Btn_lnk ul. Left { padding: 0 0 0 10px; } .
Btn_lnk ul { margin: 0; } . Btn_lnk { font-size: 12px; } . Btn_lnk ul li { display: inline; height: 22px; border: 1px solid; border-radius: 3px 3px 3px 3px; padding: 3px 4px; } a { text-decoration: none; } img { vertical-align: top }.
You should check your demo in a WebKit browser. – thirtydot Aug 22 at 2:29 1 chrome and safari both work fine - but I posted the wrong demo link, my apologies. I updated the answer with the correct link – gertalot Aug 22 at 2:32.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.