將兩個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放在同一行上

回答

相關問題