-1

私は CSS が初めてで、これは私が今までに作成した最初のボタンです。テキストをボタンに入れるのに問題があります。ボタンの中にありますが、正しく配置されていません。これを修正する方法はわかりませんが、ここに私のコードがあります

     body {
   font-family: 'Open Sans', sans-serif;
   background-color: #DB1F1F;
  }

  .navbar-menu {
     margin: auto;
     height: 100px;
     width: 95px;
     background-color: green;
     padding: 10px 40px;
     font-size: 25px;
}

  .navbar-menu:hover {
    opacity: 0.5;
}

何が問題なのかわからないので、誰か助けてもらえますか？

ああ、そして: HTML

<!DOCTYPE html>
<html>
 <head>
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
   <link type="text/css" rel="stylesheet" href="stylesheet.css" />
   <title>Button</title>
    </head>
<body>
   <center>
     <div class="navbar-menu">HTML/CSS</div>
    </center>
 </body>
</html>
4

2 に答える 2

0

ボタン要素 (div、span、lis) として何を使用しているかに応じて、以下を使用できます。

//use for any element type
text-align: center;

//use only for inline element types e.g. span
vertical-align: middle;

//use for any block element type e.g. div 
//(replace 90 with height of block element)
line-height: 90px;
于 2013-07-13T11:23:56.333 に答える