在inputText上面带有primefaces的outputLabel

Question

我正在开发带有primefaces 6.2的JSF Web项目。 我将生成一个在inputText上方具有outputlabel的表单。

下面是使用div的示例代码。

如何使用primefaces的panel，panelGrid，行，列，outputLabel和inputText生成它？没有成功...谢谢！

<div class="rows">
 <div style="padding-top:5px;padding-bottom:5px;padding-left:10px;**strong text**loat:left">
                                <div>Name:</div>
                                <div>
                                    <input id="name" type="text" style="height: 20px; width: 200px;" />
                                </div>
                            </div>

                            <div style="padding-top:5px;padding-bottom:5px;padding-left:10px;float:left">
                                <div>Surname:</div>
                                <div>
                                    <input id="surname" type="text" style="height: 20px; width: 200px;" />
                                </div>
                            </div>
                        </div>

                        <div class="rows">
                            <div style="padding-top:5px;padding-bottom:5px;padding-left:10px;float:left">
                                <div>Address:</div>
                                <div>
                                    <input id="address" type="text" style="height: 20px; width: 200px;" />
                                </div>
                            </div>

                            <div style="padding-top:5px;padding-bottom:5px;padding-left:10px;float:left">
                                <div>Email:</div>
                                <div>
                                    <input id="email" type="text" style="height: 20px; width: 200px;" />
                                </div>
                            </div>
                        </div>