将两个div放在同一行上

时间:2017-09-19 00:34:09

标签: html css

我知道这个问题已经有十亿次了,但没有一个答案可行(Google Chrome 61,Windows 10)。

@font-face {
  font-family: Antipasto;
  src: url(Antipasto-ExtraBoldTrial.ttf);
}

h2 {
  font-family: Antipasto;
}

p {
  font-family: Antipasto;
}

div {
  display: inline;
}
<div width="30%" style="float:left">
  <video width="30%" height="30%" controls>
  <source src="video1.mp4" type="video/mp4">
  No video.
</video>
</div>
<div width="50%" style="float:left">
  <h2>Title</h2>
  <p>Sentence 1</p>
  <p>Sentence 2.</p>
  <p>Sentence 3</p>
</div>

它可以在预览中使用,但不能在我的本地计算机上使用。

其中许多答案也不适用于我的笔记本电脑,我猜这是Chrome的图形问题。无论如何,感谢大家的帮助。

1 个答案:

答案 0 :(得分:-2)

拥有多个div。每个div都必须有单独的名称。

例如。你首先div确定边际。所以你只需称它为div。

你想要的第二个div告诉你想要一个特定的文本作为中心。所以你会称之为div2