在div中創建2個元素

我需要在塊中創建2個元素，但由於某種原因，「名稱」&「Bob」被移動到另一行。在div中創建2個元素

HTML

<div class=".div" style="padding-left: 50px"> 
     <h3 style="padding-right: 5px;float: left;padding-bottom: 23px;">Name:</h3> 
     <span class="pt_name" style="block">Bob</span> 
</div>

CSS

#div{ 
    height:100px; 
    width:100%; 
    background-color:green 
}

小提琴

http://jsfiddle.net/LMKw7/

來源

2013-12-17 user1050619

的h3有從瀏覽器的默認樣式表，這是推下來隱含margin-top。只需設置margin-top: 0，你會看到一個改進。

此外，我建議使用CSS而不是內聯樣式。

來源

2013-12-17 20:06:24

您將樣式分配給ID爲div的div，因爲您在開始時使用了#。如果你想將它添加到每個div，只需使用div { ... }。

來源

2013-12-17 20:07:48 Fengson

使用display:inline-block;

也正因爲不同的字體大小的那<h3>和<span>已出現內<span>該文本是新line.I編輯了自己的fiddle.May是這可能會幫助您：

http://jsfiddle.net/LMKw7/2/

來源

2013-12-17 20:09:15 Zword

兩件事情：

我有更好的運氣設置「display: inline-block;」關於H3，而不是「float: left「。

至於「div」的東西 - 你可能會在元素類型之後給你的選擇器命名。無論如何，課程通常沒有點 - 他們只是放在CSS中按類選擇。＃標籤是用於ID的。所以，正確的外觀應該是這樣：

<div class="myDiv" ...

（CSS）：

.myDiv {

來源

2013-12-17 20:10:16 Katana314

在div中創建2個元素

回答

相關問題