Css 如何将1个div中的4个标题彼此相邻放置？_Css_Html_Web

Css 如何将1个div中的4个标题彼此相邻放置？

css html web

Css 如何将1个div中的4个标题彼此相邻放置？,css,html,web,Css,Html,Web,我有一个菜单与四个链接，作为H4元素，加上一个图像。它们都与类菜单位于同一个分区中。在CSS中，我将如何继续使所有这些形成一行这是我的html： <html> <head> <title>Testing menu</title> </head> <body> <div class="menu"> <a href="index.html"><img

我有一个菜单与四个链接，作为H4元素，加上一个图像。它们都与类菜单位于同一个分区中。在CSS中，我将如何继续使所有这些形成一行

这是我的html：

    <html>
    <head> <title>Testing menu</title> </head>
    <body>
    <div class="menu">
        <a href="index.html"><img src="img/logo.png"></a>
        <a href="program.html"><h3>Program</h3></a>
        <a href="info.html"><h3>Informasjon</h3></a>
        <a href="aktiviteter.html"><h3>Aktiviteter</h3></a>
        <a href="kontakt.html"><h3>Kontakt</h3></a>
    </div>
    </body>
    </html>

我应该使用什么样的CSS使div中的所有项彼此相邻

在代码中添加以下css规则：

.menu a { 

           float: left;
          padding: 10px;

        }

使用显示：内联块

css

尝试使用内联块：

这是一个

css内联块将有所帮助

  .menu a{
    display: inline-block;
    float:left;

    }

.menu a {
    display: inline-block;
    width: 200px;
}

<style type="text/css">
      .menu a {
        display: inline-block;
      }
</style>

  .menu a{
    display: inline-block;
    float:left;

    }