绝对定位元素宽度问题

Question

我遵循DOM结构

<div>
    <span>/* comment action */</span>       //float:left
    <span>/* like action */</span>          //float:left
    <span>/* other actions                  //float:right; position:relative;
        <ul>                //position:absolute;
            <li>Set due date</li>
            <li>Delete</li>
        </ul>
    </span>
</div>

问题是，列表项的宽度设置为最长字的宽度。我希望每个列表项都出现在一行（如块）中，最大宽度应该是最长列表项，并在下面显示一个。

以下是一些可以提供更好主意的屏幕截图。

http://imgur.com/IkbAI（单词“选项”的最大宽度）

http://imgur.com/h6uHc（单词“time”的最大宽度）

http://imgur.com/lNCQu（删除空格时“Setduetime”字的最大宽度）

我该如何解决这个问题？ （我不想指定ul）的具体宽度

Answer 1

@Bongs;写得像这样：

ul{white-space:nowrap}

Answer 2

为什么绝对定位ul标签？这导致了宽度问题。