Question

我是HTML / CSS的新手。我正在练习创建一个模拟投资组合网站。

我正在创建一个带有徽标的导航栏。如果有意义，我想“垂直居中”徽标。我在那个li上添加了一个类来尝试将margin或padding添加到顶部，但它不起作用。

我正在使用CodePen：http://codepen.io/levane/pen/KdxgmR?editors=110

到目前为止，这是我的HTML：

<html>
<body>
<title>NoteMemCache</title>
<form method="post" action="notemc.php" name=form1>
<input type="text" name="text" size=100>
<input type="submit" value="提交" name="B1">
<input type="reset" value="取消" name="B2">
</form>
<?php
$mmc = memcache_connect();
$notes='';
if ($mmc == false) {
 echo "mc init failed\n";
} else {
 $notes=memcache_get($mmc, "notes");
 if($_POST['text']==''){
  echo $notes;
 }else{
  $newnotes=$_POST['text'].'<br>'.$notes;
  echo  $newnotes;
  memcache_set($mmc, "notes", $newnotes);
 }
} 
?>
</body>
</html>

这是我的CSS：

<body>
    <section id=top>
      <img src="http://creatifydesign.com/wp-content/uploads/2015/11/photo-1429051883746-afd9d56fbdaf.jpeg" class="bckg-image"/>
      <header>
        <nav>
          <ul>
            <li>Home</li>
            <li>About</li>
            <li>Skills</li>
            <li class="logo"><img src="http://creatifydesign.com/wp-content/uploads/2015/09/icon57.png"/></li>
            <li>Portfolio</li>
            <li>Blog</li>
            <li>Contact</li>
          </ul>
        </nav>
      </header>
    </section>
</body>

如果你能发现我做错了什么并且可以随意批评其他任何事情，请告诉我。

谢谢！

Answer 1

应用此CSS

chatMenuButton

CODEPEN DEMO

如何在我的ul中添加不同的保证金？

1 个答案: