Html 按钮在右侧对齐的文本行

我有一个简单的元素，它包含一个长度可变的文本，行的右侧有两个按钮

这是标记：

<div class="row">
    <h1>Quem in fabulas et dolore, fore hic est elit 
laborum, nam malis consectetur sed si nisi despicationes.</h1>
    <div class="buttons">
        <button class="btn btn-default">My button</button>
        <button class="btn btn-default">Another btn</button>
    </div>
</div>

但这并不能解决按钮的问题。 我不知道

.buttons

元素的宽度，因为标签可以用不同的语言翻译成不同的长度

我想我应该使用flex box，但我不习惯使用它。
如果不使用javascript，我如何解决这个问题

NB：我不想为我的行设置固定宽度

使用

改变这个,

.buttons {
    position: relative;
    top: 0;
    right: 0;
    margin: 10px;
    float:right;
}

将div添加到css集合中

.text{
    width:70%;
}

请参见

按钮
{
浮动：对；
}

我的纽扣
另一个btn
这是一些文字。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。

试试这个例子

<div class="row">
         <button class="btn btn-default">My button</button>
        <button class="btn btn-default">Another btn</button>
       <h1>Quem in fabulas et dolore, fore hic est elit 
        laborum, nam malis consectetur sed si nisi despicationes.</h1>    
</div>

h1 {
            font-size: 20px;
            font-weight: 400;
            padding: 6px;
            margin: 0;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

button
{
float:right;
}

我的纽扣
另一个btn
在fabulas和dolore，最优秀的
在劳动中，南马利斯将自己奉献给了卑鄙的人。
h1{
字体大小：20px；
字体大小：400；
填充：6px；
保证金：0；
文本溢出：省略号；
空白：nowrap；
溢出：隐藏；
}
按钮
{
浮动：对；
}

fiddle please，您的代码无法在图像中显示结果。您可以尝试使用CSS表格布局，它要求您设置按钮组的固定宽度，您也可以使用相对宽度，但这取决于按钮组，如果按钮组的数量和文本固定，对按钮组使用固定宽度更好。我不知道我的按钮的宽度…这不是一个解决方案，我已经用我提供的CSS解决了这个问题，我在这个问题上还有另一个问题。我想防止按钮覆盖文本。最后，当文本结束时，按钮显示？我只希望文本和按钮不重叠。我不知道如何更好地解释它。好的，我改变代码，看这个，它会根据你的问题？？不，我不想设置固定的宽度。好的，实际上它工作了，足够反转文本和按钮的位置似乎。。。谢谢@费兹夫拉斯塔。很高兴我能帮忙：）

.text{
    width:70%;
}

button
{
float:right;
}


<p>
  <button class="btn btn-default">My button</button>
        <button class="btn btn-default">Another btn</button>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>

<div class="row">
         <button class="btn btn-default">My button</button>
        <button class="btn btn-default">Another btn</button>
       <h1>Quem in fabulas et dolore, fore hic est elit 
        laborum, nam malis consectetur sed si nisi despicationes.</h1>    
</div>

h1 {
            font-size: 20px;
            font-weight: 400;
            padding: 6px;
            margin: 0;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

button
{
float:right;
}