2015-06-10 27 views
1

我已經創建了兩個div標籤。一個包含/ hello /另一個包含/ world /。我的問題是我想這兩個在同一行,所以我把代碼顯示:內聯,但沒有奏效。我也想/你好/有一個黃色的背景顏色。所以我曾試圖給他們上課,但那也不管用。請簡單的答案,因爲我只有12我的CSS和HTML不工作把我的代碼放在同一行

+0

這個問題是不能接受的。製作一個jsfiddle併發布你的代碼。 –

+0

你是否爲你給他們的課程創建了css規則[就像這裏](http://www.w3schools.com/css/css_syntax.asp)? – Gerrat

+0

是的,我給他們的CSS規則 –

回答

1

你可能會搞亂與類名或在導入CSS文件Here is the example that works fine for me

看看這是你想要的,

<div class="firstDiv"> 
    Hello 
</div> 
<div> 
    World 
</div> 

而且我的CSS爲,

div{ 
    display:inline; 
} 
.firstDiv{ 
    background-color: red 
} 

您也可以嘗試內聯CSS來達到同樣的效果,

<div style="display:inline;background-color:red"> 
     Hello 
</div> 

<div style="display:inline"> 
    World 
</div> 
+0

謝謝,真的有幫助。我一直在這方面工作了一段時間。我無法表達我的感謝 –

+1

您實際上*可以*表達您的分級,將此答案標記爲已接受並投票表決 – Anthony

+0

我按下了複選標記 –

0

Div是塊元素。這意味着默認情況下,他們將放在一個新的行。您將需要使用CSS來使它們以內聯方式顯示。

<div style="float:left; border:1px solid red; width:200px; height:400px;"></div> 
<div style="float:left; border:1px solid blue; width:200px; height:400px;"></div> 

在這裏看到演示:http://jsfiddle.net/2L878bcu/1/

相關問題