Блог

Я пытаюсь расположить два HTML-элемента с атрибутом CSS float: right; , элемент ввода рядом с ним-единица измерения ввода. До сих пор я пытался разместить блок рядом с входом, не помещая его в элемент, а также поместить его в элемент p, и как вход, так и элемент внутри элемента div; не сработало. Я хотел бы спросить, есть ли способ вставить элемент рядом с другим?

вот код:

 .caloriesinput {  position: relative;  float: right; } 

 lt;divgt;  lt;h5gt;Calorieslt;/h5gt;  lt;div class="caloriesinput"gt;lt;input type="text"gt;  lt;pgt;kcallt;/pgt;  lt;/divgt; lt;/divgt; 

и вот как показывает код:

очень признателен за ваше время.

Я думаю, что вы должны изменить отображение p тега, поэтому добавьте эту строку кода в свой CSS:

 .caloriesinput p {  display: inline-block; }