两个元素拒绝漂浮在第三个元素旁边
Two Elements Refuse to Float Next to the Third
几天来我一直在尝试解决应该是一个简单的浮动/内联块 CSS 的问题，以至于我将这些元素拟人化为混蛋。谜题如下：
我已经将 3 个短代码全部放在我网站上居中对齐的 <p> 标签中。它们如下：
- A = [shortcode_for_a_left_sidebar]
- B = [shortcode_for_a_figure]
- C = [shortcode_for_a_right_sidebar]
A是float: left，B（三个简码的主要部分）设置为：
display: block;
margin: auto;
和C，可怜的家伙，是float: right。
我希望三个简码依偎在一起：
ABC，都在同一行。
A，像往常一样合群，在 B 的左边距内浮动没有问题。另一方面，C 被推到下面的行！看起来像：
AB
C
C 当然 适合 在 B 的右边距内，但不会站立肩并肩。而且我无法找出代码为何以这种方式运行的任何原因。因为它们在同一行/包裹在同一个标签中，所以 B 的边距不应该自动调整让 C 进来吗？
我梳理了一堆类似的案例，答案似乎总是实现我已经实现的。我怎样才能让这三个成为朋友？
///这里是直播link到pesky floating elements.
为了让一个元素向右浮动"shoulder-to-shoulder"，你必须把它放在HTML中不浮动的内容之前：
<div id="my-float-left"></div>
<div id="my-float-right"></div>
<div id="my-not-floating-content"></div>
在您的情况下，您必须将 .otw-sidebar-2 div 放在 <figure> 之上。
几天来我一直在尝试解决应该是一个简单的浮动/内联块 CSS 的问题，以至于我将这些元素拟人化为混蛋。谜题如下：
我已经将 3 个短代码全部放在我网站上居中对齐的 <p> 标签中。它们如下：
- A = [shortcode_for_a_left_sidebar]
- B = [shortcode_for_a_figure]
- C = [shortcode_for_a_right_sidebar]
A是float: left，B（三个简码的主要部分）设置为：
display: block;
margin: auto;
和C，可怜的家伙，是float: right。
我希望三个简码依偎在一起：
ABC，都在同一行。
A，像往常一样合群，在 B 的左边距内浮动没有问题。另一方面，C 被推到下面的行！看起来像：
AB
C
C 当然 适合 在 B 的右边距内，但不会站立肩并肩。而且我无法找出代码为何以这种方式运行的任何原因。因为它们在同一行/包裹在同一个标签中，所以 B 的边距不应该自动调整让 C 进来吗？
我梳理了一堆类似的案例，答案似乎总是实现我已经实现的。我怎样才能让这三个成为朋友？
///这里是直播link到pesky floating elements.
为了让一个元素向右浮动"shoulder-to-shoulder"，你必须把它放在HTML中不浮动的内容之前：
<div id="my-float-left"></div>
<div id="my-float-right"></div>
<div id="my-not-floating-content"></div>
在您的情况下，您必须将 .otw-sidebar-2 div 放在 <figure> 之上。