html5菜单制作和浮动


<html>
    <head>
        <meta charset="utf-8" />
        <title>菜单制作和浮动title>
        <style>
            a{
                text-decoration: none;
            }
            li{
                list-style-type: none;
                /*display: inline-block;*/
                float: left;
                margin-right:40px;
            }
            li span{
                margin-left: 54px;
            }
            ul{
                height: 30px;
                line-height: 20px;

            }
            .clearfloat{
                clear: both;
            }
        style>
    head>
    <body>
        <ul>
            <li>
                <a herf="#">菜单1a>
                <span>|span>
            li>
            <li>
                <a herf="#">菜单2a>
                <span>|span>
            li><li>
                <a herf="#">菜单3a>
                <span>|span>
            li><li>
                <a herf="#">菜单4a>
                <span>|span>
            li>
            
            <div class="clearfloat">div>
            <div>5843964div>
        ul>
    body>
html>

你可能感兴趣的:(HTML5)