在文本和输入表单之间对齐空间

Question

I have the following input form created dynamically. I can not change the form components. SO, how do I style it so that, it creates dynamic style and aligns space between text label and the input box?

  <form> <label>name <input type="text" name="name" ng-model="formData['name']" class="ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse"></label> <label>name <input type="text" name="name" ng-model="formData['name']" class="ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse"></label> <label>name <input type="text" name="name" ng-model="formData['name']" class="ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse"></label></form> 

Answer 1

Use css styling. eg:

 <style> input[type="text"] { margin-left: 10px; margin-right: 10px; } </style>