текст и поле ввода встроенный в HTML

Question

Я пытаюсь получить текст пункта и поле ввода встроенный в CSS, но не смог выяснить way.Please взглянуть на ниже HTML код

<div id="parap"> 
    <p id="para" class="aa" ng-repeat="colname in insertsqldata"> 
     <span id="ss"> {{colname}} </span> 
     <input class="aa" id={{colname}}> 
    </p> 
</div> 

http://fiddle.jshell.net/aoc8ccb8/

Answer 1

Установите #ss и input на display: inline-block и отрегулируйте маркер ввода слева по желанию.

Answer 2

Существует несколько способов сделать это: таблица, атрибут отображения, атрибут float или выравнивание по вертикали. Я предпочитаю выравнивание по вертикали, тогда вам не нужно возиться с полями.

Таким образом, вы могли бы сделать что-то вроде;

<style type='text/css'> 
    form 
    { 
     display:inline; 
     float:left; 
    } 
</style> 

, а затем выполнить выравнивание по вертикали по свойствам css отдельного идентификатора [парап].

Answer 3

Здесь вы должны установить ID = # сс также настроить запас слева согласно требованию