一个CSS调整文字位置的问题,如图所示

下面这张图的布局很别扭

如何调整下图这样

 <s:if test="userName!=null">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">${user.userName }<strong class="caret"></strong></a>
                            </s:if>
                            <s:else>
                                <a href="<%=path %>/jsp/user/login.jsp">
                                    <img src="<%=path %>/image/user_24px_1174223_easyicon.net.png" alt="登录/注册">
                                </a>
                            </s:else>

贴出你的代码
目测是左边margin增加一点，字体加粗

 <img src="<%=path %>/image/user_24px_1174223_easyicon.net.png" alt="登录/注册">登录/注册

 <s:if test="userName!=null">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">${user.userName }<strong class="caret"></strong></a>
                            </s:if>
                            <s:else>
                                <a href="<%=path %>/jsp/user/login.jsp">
                                    <img src="<%=path %>/image/user_24px_1174223_easyicon.net.png" alt="登录/注册">
                                </a>
                            </s:else>