Выравнивание входов html на одной строке 2

Question

У меня такое же поведение по многим другим вопросам.

Но я все пробовал и ничего не происходит со мной.

У меня есть 2 элемента управления html. Один якорный тег и кнопка ввода.

Я применил вертикальное выравнивание: вверху; плавать: право; Дисплей: встроенный блок; независимо и вместе, и ничего не происходит.

Когда я нажимаю «Закрыть», я вижу тень как кнопку! Я хочу, чтобы встраивать оба регулятора

В конце таблицы я incluided в Div, как это.

   <div style="float:right;"> 
        <asp:Button ID="btnInput" runat="server" Text="Add selected"></asp:Button><a href="#">Close</a> 
       </div> 

Answer 1

Вы должны установить ширину для каждого элемента, когда вы делаете их display:inline-block, в противном случае они по умолчанию 100%.

Вот jsFiddle с ближайшей эквивалентной разметкой, которую я мог бы сделать. (кнопки asp не работают)

Answer 2

Как сказал Долчио, для этого необходимо, чтобы каждый элемент должен иметь display: inline-block. Обратите внимание, что ваш float:right не добьется ничего полезного в этом сценарии.

Попробуйте добавить атрибут CssClass к кнопке asp и стилю этого класса.

Таким образом, это будет выглядеть как <asp:Button ID="btnInput" runat="server" CssClass="myButton" Text="Add selected"></asp> и в вашей css myButton{display:inline-block,vertical-align: top, width: 200px ширина подменю для любой ширины кнопки (не совсем знакомая с кнопками asp и их подразумеваемой шириной).