<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サイモン インターナショナル ナビゲーション</title>
<link rel="stylesheet" type="text/css" href="css/sm.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
< /head>
<body>
<div class="header">
<div class="headermain">
<div class="headermain_l">
<a href="">こんにちは、Simon へようこそ</a>
</ div>
<div class="headermain_r">
<a href="">ログイン</a>
<a href= "" >無料登録< /a>
<a href="" >私のサイモン<i class="fa fa-arrow-down"></i>
<ul>
#&lt; li&gt; sales&lt;/li&gt;
#&lt; li&gt; sales&lt;/li&gt;
&lt;/ul&gt;
サイトナビゲーション&lt;/ a>
</div>
</div>
</div>
<div class ="clear"> ;</div>
</body>
</html>
#*{マージン: 0px; パディング: 0px;}
.clear{クリア: 両方;}
li {リスト-スタイル: なし;} a{テキスト装飾: なし; フォントサイズ: 15 ピクセル; マージン左: 5 ピクセル; カラー: #fff; 行の高さ: 40 ピクセル; 表示:インラインブロック;パディング左: 10ピクセル;パディング右: 10ピクセル; 位置: 相対; }.header{ 背景色: #105599}.headermain{幅: 1200px;マージン: 0px 自動; 高さ: 40px;} .headermain_l{ float: left;}
.headermain_r
{
.headermain_r ul
{
.headermain_r ul li
{