HTML – 如何让内联块并排坐下？

概述code pen HTML <table> <tr> <td>label</td> <td id="meow"> <div id="a"><input type="radio"><input type="radio"></div> <div id="b">some text blah blah blah blah blah blah blah bl code pen

HTML

<table>  <tr>    <td>label</td>    <td ID="meow">      <div ID="a"><input type="radio"><input type="radio"></div>        <div ID="b">some text blah blah blah blah blah blah blah blah blah blah</div>     </td>   </tr> </table>

CSS

div {  display: inline-block;}#meow {  wIDth: 300px;}td {  border: 1px solID black;}#a {  background-color: yellow;}#b {  background-color: orange;}

如何让#b坐在#a的右边？我不希望文本包含在#a下面,这就是我使用[inline]块级元素的原因. float：left似乎也不起作用.

我不想修改#b的大小.

解决方法 您可以将display：table-cell应用于#a和#b以及white-space：nowrap以强制#a不将内部< input>包装在一列中,但将它们显示在一行中.

Example

总结

以上是内存溢出为你收集整理的HTML – 如何让内联块并排坐下？全部内容，希望文章能够帮你解决HTML – 如何让内联块并排坐下？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。