内联CSS不适用于添加的小部件

我似乎不明白为什么我添加的小部件不会内联显示。我希望我的验证小部件在标签后内联显示。但无论我做什么，它都不会。为什么?

<ui:UiBinder
 xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:validation='urn:import:com.versature.vsm.client.ui.validation'>

<ui:style>
.validationField {
    display:inline-block;
}
</ui:style>

<g:HTMLPanel ui:field="mainPanel">
     <div class="{style.validationField}">
         <g:Label text="ACCOUNT NUM:"/> 
         <validation:ValidationField ui:field="accountNumberValidation"/>
     </div>
</g:HTMLPanel>

.验证字段{
显示：内联块；
}

我希望我的验证小部件在标签后内联显示。 但无论我做什么，它都不会。为什么?

<ui:UiBinder
 xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:validation='urn:import:com.versature.vsm.client.ui.validation'>

<ui:style>
.validationField {
    display:inline-block;
}
</ui:style>

<g:HTMLPanel ui:field="mainPanel">
     <div class="{style.validationField}">
         <g:Label text="ACCOUNT NUM:"/> 
         <validation:ValidationField ui:field="accountNumberValidation"/>
     </div>
</g:HTMLPanel>

您当前正在创建一个容器，该容器内联地容纳这两个对象。要使单个元素内联，您可以（确保仅应用以下解决方案之一；应用两者都不起作用）：

（1）将样式更改为：

<ui:style>
.validationField * {
    display:inline-block;
}
</ui:style>

<g:HTMLPanel ui:field="mainPanel">
     <g:Label text="ACCOUNT NUM:"/> 
     <validation:ValidationField ui:field="accountNumberValidation" stylePrimaryName="{style.validationField}"/>
</g:HTMLPanel>

将

替换为

---

Label使用

，默认情况下显示为块，而InlineLabel使用

感谢您提供的信息，但即使将元素内联也会让我处于相同的情况。上面的代码在下一行仍然有验证字段。