在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个元素

回答

相关问题