--------------
label: input
label: input
--------------
обычно это делается через float.
с помощью flex это делается много проще. Пример ниже.
Код:
| <html> |
| <head> |
| <style type="text/css"> |
| .form-group { |
| display: flex; |
| } |
| .form-group label { |
| flex-basis: 150px; |
| } |
| .form-group input, .form-group select { |
| flex: 1; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="form-group"> |
| <label>test select:</label> |
| <select><option value="test">test</option></select> |
| </div> |
| <div class="form-group"> |
| <label>test input:</label> |
| <input type="text" value="test"/> |
| </div> |
| </body> |
| </html> |
