使用float：right时文本放置不正确

Question

尝试在<“ h3”>

中使用float：right时遇到问题

我将在下面发布我的代码，并提供结果的屏幕快照。该代码与实际使用的展示位置100％相似。很抱歉问这个奇怪的问题，因为我真的不知道怎么问。

    <header><h3>Fredag 4. januar 2019</h3><h3 style='float:right'>Varmmat i kiosk Fredag: </h3></header>        <header>
    <h3 id='ct'></h3>
    <h3 style='float:right'>Nachos - 30kr</<h3>     </header>

picture of the result

如您所见，“ Nachos-30kr”并非一直都在右边。并且代码与“ Varmmat i kiosk Fredag​​：”完全相同。

谢谢。

Answer 1

根据您的情况，您可能还需要将文本右对齐：

<h3 style='float:right;text-align:right;'>

您是否需要清除标题上的浮点数？

header { clear: both; }