JSFiddle - React, Tailwind, and code Playground

by Near Lee

HTML

<nav class="top ">
        <a href="#nowhere">
            <span class="glyphicon glyphicon glyphicon-home redColor"></span>
            天猫首页
        </a>  
          
        <span>喵，欢迎来天猫</span>
            <a href="#nowhere">请登录</a>
            <a href="#nowhere">免费注册</a>  
    
        <span class="pull-right">
            <a href="forebought">我的订单</a>
            <a href="forecart">
            <span class=" glyphicon glyphicon-shopping-cart redColor" ></span>
            购物车<strong>0</strong>件</a>        
        </span>
          
</nav>

CSS

body{
	font-size: 12px;
	font-family: Arial;
}
a{
	color:#999;
}
.redColor{
	color: #C40000 !important;
}
nav.top{
	background-color: #f2f2f2;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid  #e7e7e7;
}
nav.top span, nav.top a{
	color: #999;
	margin: 0px 10px 0px 10px;
}
nav.top a:hover{
	color: #C40000;
}