Live
<nav class="nav-wrapper"> <ul class="top-nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Gallery</a></li> <li><a href="#">Link</a></li> </ul> </nav><!-- /.top-nav --> <section class="osirase"> <h2 class="kousinjohou">更新情報・お知らせ</h2>
Live
x
h2 { color: #fff; background-color: #8EBAE3; border-radius: 10px; padding: 10px 20px; font-size: 16px; margin-bottom: 10px;}.nav-wrapper { max-width: 480px; margin:50px auto 40px;}/* 回答のCSS */nav ul li { display: inline;}nav { text-align: center; }nav li a { padding: 15px 30px; text-decoration: none; color: #666;}nav li a:hover { border-bottom: 4px solid #D08047;}a { transition: 0.3s;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.