Как разместить заголовок и ввод на той же строке на странице html?

Question

Я хочу, чтобы мой заголовок и ввод помещались в одну строку в заголовке. Но когда я добавляю форму ввода после пролета, форма отображается в новой строке. Почему это? Я думал, что пролет и вход встроенные элементы ...

<div class="container"> 
 
     <div class="jumbotron"> 
 
     <img src="assets/images/logo.png" id="nttLogo"> 
 
     <span id="websiteTitle">Online Pharmacy</span>  
 
     <input type="text" name="searchPattern" placeholder="name" class="form-control"> 
 
     <p id="websiteSlogan">Drugs and meds on just about anything</p> 
 
     </div> 
 
</div>

EDIT: Проблема заключается в том, когда я добавить класс начальной загрузки форм-контроль HTML делает новую строку для ввода элемент. Как я могу иметь как стиль загрузки, так и встроенное отображение заголовка и ввода?

Answer 1

Вы хотите, чтобы это было так?

<div class="container"> 
 
     <div class="jumbotron"> 
 
     <img src="assets/images/logo.png" id="nttLogo"> 
 
     <span id="websiteTitle">Online Pharmacy</span>  
 
     <input type="text" name="searchPattern" placeholder="name"> 
 
     <p id="websiteSlogan" style="display:inline-block">Drugs and meds on just about anything</p> 
 
     </div> 
 
</div>