将两个div放在同一行上

-2

我知道这个问题已经有十亿次了，但没有一个答案正在工作（Google Chrome 61，Windows 10）。将两个div放在同一行上

@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的图形问题。无论如何，感谢大家的帮助。

来源

2017-09-19 CYB

它应该是什么样子，它的外观是什么样子？ –

尝试添加'display：inline-block'到所有'div' –

-2

要有多个div。你必须为每个div分别命名。

例如。你的第一个div确定了保证金。所以你可以称它为div。

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

来源

2017-09-19 00:41:20

这不是关于命名;这是关于对齐他们在同一行。 – Xufox

将两个div放在同一行上

回答

相关问题