cssでボタンを移動

Question

cssでテキストボックスの横にあるボタンを取得するにはどうすればよいですか？

HTMLコードの

<div data-bind="text:name" class="my-name"></div> 
    <div id="wrapper"> 
    <input class="my-input"/>     
    </div>    
    <div data-bind="dxButton: { icon: 'user' }"></div> 

前の項目の選択の後に+を使用することによりCSSコード

.my-name{float:left;color:#fd9802;position: absolute} 
.my-input{margin:0 auto 0 30%;display:block;} 

Answer 1

oを右マージンを自動削除し、設定（例えば、ラッパーと入力しない）に、すべての要素に（例えば、ボタン上にも）

.my-name { 
 
    float: left; 
 
    color: #fd9802; 
 
} 
 
#wrapper { 
 
    margin: 0 auto 0 30%; 
 
    float: left; 
 
} 
 
.my-button { 
 
    float: left; 
 
}

<div data-bind="text:name" class="my-name">Name</div> 
 
<div id="wrapper"> 
 
    <input class="my-input" /> 
 
</div> 
 
<div data-bind="dxButton: { icon: 'user' }" class="my-button">Button</div>

Answer 2

このような

Answer 3

使用CSSは、あなたが同じレベル要素にフロートを設定する必要が

.my-name{float:left;color:#fd9802;} 
.my-input{margin:0 0 0 30%;display:block;} 

Answer 4

.my-name{float:left;color:#fd9802;position: absolute} 
.my-input{margin:0 auto 0 30%;display:block;} 
#wrapper{display: inline-block;}