Html 在引导表单字段中使用箭头定位div

我试图在引导表单字段中定位带有箭头的div，但箭头指向下一行。这是我的密码：

     <h3>Rregistration </h3>
            <div class="control-group">
                <label class="control-label" for="inputName">Name</label>
                <div class="controls">
                <input type="text" id="inputName" placeholder="Name">
                </div>
            </div> 
                    <div class="container">
                        <div id="pointer"></div>
                    </div>

jsiddle链接在这里：

试试这个

r注册
名称
正文{背景：#ff004e；填充：40px}
.span3{
背景：白色；
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
宽度：250px；
高度：100px；
显示：块；
位置：相对位置；
}

谢谢@sangram parmer。我刚刚确定了指针div的高度，现在如何将其定位在字段的中间。这里是新的变化添加保证金左：10px；在跨度3和顶部：8px；在指针中..看到了吗？我不想向上移动指针。我希望将DIV移动到输入字段的中间位置，而不考虑其高度。

        .container {
                margin-top: 10px;
        }

        body {background:#ff004e;padding:40px}
            .container {
            background:white; 
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px; 
            width:250px; 
            height:100px;
            display: block;
            position: relative;
            }

            #pointer{
            border-right:solid 20px #FFF;
           /*  border-left: solid 5px transparent;   */  
            border-top: solid 10px transparent;
            border-bottom: solid 10px transparent;
            position:absolute;
            width: 0;
            height: 0;
            top: 10px;
            left:-20px
            }

<h3>Rregistration </h3>
    <div class="control-group">
        <label class="control-label" for="inputName">Name</label>
        <div class="controls">
        <input type="text" id="inputName" placeholder="Name" style="float:left">
           <div class="span3">
                <div id="pointer"></div>
            </div>
        </div>

    </div> 


body {background:#ff004e;padding:40px}
.span3 {
    background:white; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    width:250px; 
    height:100px;
    display: block;
    position: relative;
}