css面包屑实例面包屑实例inline兼容IE7inline-block最低只能兼容至IE8

面包屑实例
- inline兼容IE7
- inline-block最低只能兼容至IE8

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试面包屑</title>

    <style>
        .content {
            border-bottom: 2px solid #ccccff;
        }

        .h2 {
            margin-bottom: -2px; /* 使得两条线重叠 */
            border-bottom: 2px solid #ff7800;
            display: inline; /* inline和inline-block效果相同，inline-block不兼容IE7，inline兼容IE7 */
        }
    </style>
</head>
<body>

<div class="content">
    <h2 class="h2">
        测试面包屑
    </h2>
</div>
</body>
</html>

效果图