图片和文字对齐

    <li >
        <img src="logo.jpg" alt="" style="vertical-align:middle"><a href="">找回密码</a>
    </li>

		

    <style>...
    .haokan{...}{
        width: 300px;
        height: 50px;
        line-height: 50px;
        background-color: red;
        background: url(logo.jpg) no-repeat left center;
        
    }
    .haokan a{...}{
            display: block;
            margin-left: 116px;
        }

    </style>
  
    <li class="haokan">
        <a href="">找回密码</a>
    </li>

		

    <style>...
    .lis .imgs{...}{
        display: inline-block;
        vertical-align: middle;
    }
    .lis .infos{...}{
        display: inline-block;
    }
    </style>

    <li class="lis">
        <li class="imgs"><img src="logo.jpg" alt=""></li>
        <li class="infos"><a href="">找回密码</a></li>
    </li>