Как разместить поле поиска сверху

Question

У меня есть это окно поиска на моем сайте, и я хотел бы разместить его на зеленой линии сверху. Каким будет правильное правило css?

это то, что я есть сейчас.

.widget .search-form { 
    float: right; 
    margin: 0 0 25px; 
    overflow: hidden; 
} 

благодарит

Answer 1

Вы бежите в проблему, где ваш элемент, содержащий не достаточно широк. Я не уверен, какой тип элемента .widget .search-form есть, но я бы указал display: inline-block, который может решить вашу проблему, но, скорее всего, вам понадобится увеличить размер родительского элемента. Оба display: inline-block и float: right подлежат переносу слов.