如何在HTML表格中對齊兩個組件？

Question

我需要programVersion和userInfo在同一行。 我該怎么做？

它目前的樣子：

我嘗試將它們添加到另一個表中。

 <table id="sheet" width="100%" border="0"> <tr> <td rowspan="5" width="30px"></td> <td colspan="2">&nbsp;</td> </tr> <tr id="headerrow"> <td rowspan="2" id="headerrow" width="300" style="border-radius: 10px 0px 0px 0px;"> <p:graphicImage url="/images/six_logo.png" /> </td> </tr> <tr> <td id="app-header" style="border-radius: 0px 10px 0px 0px;"> <ui:insert name="header"> <strong style="font-size: 30px">#{i18n['application.name']}</strong> </ui:insert> <ui:insert name="programVersion"> <p>#{pv['ProgramVersion']}</p> </ui:insert> <ui:insert name="userInfo"> <div align="right"> <h:outputText value="#{loginController.userInfo}" /> </div> </ui:insert> </td> </tr> </table> 

Answer 1

我不知道您用來顯示數據的腳本，但我認為以下內容可能對您有用。

 div:first-child { display: inline; } .first{ float: left; } .second{ float: right; } 

 <div> <div class="first"> 0.20.r5 Version </div> <div class="second"> dewrf435dsfs345f65 </div> </div>