html - 为什么我不能使用 CSS 来移动按钮？

Question

这是我的代码，我无法使用 'button {margin-top:10px}

设置它的样式

<input type="text"></input><button type="button"><img src="searchlogo.png" id="search"></button>

它没有与文本输入齐平吗？有什么建议吗？

Answer 1

要了解 margin 如何运作，请参阅此 demo

CSS

    .b1{
    background:orange;
    color:white;
    border:none;

}

.b2{
    background:orange;
    color:white;
    border:none;
   margin-top:100px;
}

HTML

<input type="text"></input><button class="b1">Button Title</button>
<br/>
<input type="text"></input><button class="b2">Button Title</button>
<br/>
<input type="text"></input><button class="b1">Button Title</button>