位置相对div包装输入框

Question

一点警告：我刚刚开始使用css和js / html。

我试图让包装器环绕文本框。据我了解，没有明确尺寸的div包装其内容（高度/宽度：自动）。我使用jquery用标签的包装器包装元素元素。我喜欢它包装整个输入框（因为我认为它应该考虑输入框在div中），但它似乎并不像想要的那样简单...

出于某种原因，即使使用Chrome JS控制台，我也无法在设置后更改我的包装器的属性。因此，即使进入并手动将包装div的高度设置为40也不会改变任何内容。

这是迄今为止所有人都要求的小提琴 - 这个问题并没有多少。我只想让div包装输入，它不是。

http://jsfiddle.net/5vBz4/

据我所知，我的输入风格并不矛盾：

input.floatlabel {
    font-family: Helvetica;
    font-weight: 100;
    font-size: 15px;
    height: 40px;
    width: 40%;
    text-align: center;
}

这是我到目前为止所得到的结果。

Answer 1

据我所知，你想：

.wrapper {
    display: block;
}

Fiddle