html - 如何使用网格将文本与输入对齐

Question

我需要文本和输入垂直对齐。

这是我的代码：

 <span> contenidoEmail</span>
            <div class="slds-grid slds-gutters">
                <div class="slds-col slds-size_1-of-9">
                    <p>Para: </p>
                </div>
                <div class="slds-col slds-size_7-of-9">
                    <div class="slds-form-element">
                          <label class="slds-form-element__label" for="text-input-id-1"></label>
                        <div class="slds-form-element__control">
                            <input type="text" id="text-input-id-1" class="slds-input" />
                        </div>
                    </div>
                </div>
                <div class="slds-col slds-size_1-of-9"></div>
            </div>

这是它的样子：

标签： htmlcsssalesforceapexsalesforce-lightning