Home > Web Front-end > HTML Tutorial > How to write this CSS? _html/css_WEB-ITnose

How to write this CSS? _html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:10:18
Original
912 people have browsed it

  • pic Business Processingpic


  • The height of a6.png is higher than the text. How to position the Business Processing text? In the middle of the picture, arrow.png is an arrow. How to make it appear on the far right?


    Reply to the discussion (solution)

    <!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>           li img{			vertical-align: middle;		   }		   li a {			float:left;		   }		   li .img {			float:right;		   }        </style>    </head>    <body>		<li>			<a href='javascript:void(0)' id='a_6'>				<img src='http://avatar.profile.csdn.net/1/5/D/2_duu007.jpg' alt='pic'/>业务办理			</a>			<img class="img" src='http://avatar.profile.csdn.net/1/5/D/2_duu007.jpg' alt='pic'/>		</li>    </body></html>
    Copy after login

    Use float (floating)

    1st floor It was implemented, but the second picture added vertical-align: middle but the text on the left does not fit in the middle. How to write this?



    pic


    Implemented using div.

    Related labels:
    source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template