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

时间:2019-01-04 20:47:11

标签: html

尝试在<“ 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​​:”完全相同。

谢谢。

1 个答案:

答案 0 :(得分:0)

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

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

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

header { clear: both; }