段落文本和输入框内联在html中

Question

我试图在css中获取段落文本和输入框内联，但无法弄清楚方法。请看下面的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

有几种方法可以实现表格，显示属性，浮动属性或垂直对齐。我更喜欢纵向对齐，然后你不必乱用边距。

所以你可以这样做;

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

然后对单个id [parap]的css属性执行vertical-align属性。

Answer 3

您必须设置 id =＃ss ，然后根据要求调整左边距