html - 如何将两个 div 元素放在一行中?

标签 html css

我正在尝试将以下两个 <div>同一行的元素。我应该怎么做?

<nav>
  <div class="logo" style="background:#00f; margin-right:100px; margin-left:1150px;">
    <img src="jiasaz-4.png" width="100px" height="100px">
  </div>

  <div class="menu" style="background:#f00;">
    <img src="jiasaz-4.png" width="100px" height="100px">
  </div>
</nav>

最佳答案

给你,使用这个 css

.logo, .menu{ display:inline-block'}

关于html - 如何将两个 div 元素放在一行中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38593500/

相关文章:

jquery - CSS 缩放 - 只能让这个 (jQuery) 脚本在 Chrome 中工作

css - IE9 导航链接图像

html - height = 100% 似乎不适用于表格

html - 将动态内容导入 HTML 页面,无需 JS 或服务器端脚本

html - 使用 CSS 将两个透明列居中

html - 为什么元素 <u> 根据 VS2008 被认为是过时的?

html - CSS:box-reflect(或替代方案)是否与 IE10 兼容?

html - Bootstrap 3 列问题

javascript - 如何将位置从固定位置更改为绝对位置并且不让 div 跳转

html - Bootstrap 4-style <select> 元素渲染不正确