Css 对齐另一个PanelGrid中的PanelGrid

大家好，我正在寻找一种方法来创建一个像这样的页面

无横幅（仅其后面的部分） 我已经测试了所有关于垂直对齐、顶部和类似样式的问题，没有一个对我有效，所以如果有人有任何解决方案，那将是非常好的，谢谢

这就是我的页面实际上的样子（代码）

.className td{
垂直对齐：顶部；
}
.panelGridCenter{
保证金：0自动；
}

首先添加以下内容：

    <h:head>
        <style>
    .className td {
        vertical-align: top;
    }
    </style>
</head>

.className td{
垂直对齐：顶部；
}

及

---

清理tomcat工作目录，清理浏览器缓存，它就像一个charme一样工作

你看了吗？是的，但我必须只使用panelgrid和样式来获得我想要的表单检查生成的HTML，并询问如何使用提供的HTML和CSS实现它。我可以看到你在说什么的任何链接吗@LuiggiMendoza谢谢当视图生成时，您可以在浏览器中看到它，按Ctrl+U（chrome或firefox），您将看到生成的HTML。

    <h:head>
        <style>
    .className td {
        vertical-align: top;
    }
    </style>
</head>

<h:panelGrid columns="2" id="container" styleClass="className"
        style="display:block;">