使两个元素从同一个html行开始

Question

我在下一行中出现了一个小图标，然后是一个句子。这段代码是这样的:(除了更多的东西）

<td class="workview-cell">
  {{#if isAvailable}}
    {{#if isLoaded}}
    A<img id="privileged-access-step-icon" src="{{urlRoot}}/images/crown16sb2.png"
         alt="test" title="test" />
    {{else}}
    B<img id="privileged-access-step-icon" src="{{urlRoot}}/images/crown16sb2.png"
         lt="test" title="test" />
    {{/if}}
  {{/if}}
  {{#if showLink}}
    <a href="#" class="workview-link {{linkProperties.linkClass}} theme-link-color {{#if showLinkWideOnly}}wideonly{{/if}}"                     title="{{linkProperties.title}}">{{description}}</a>
    C{{#if showLinkWideOnly}}<span class="narrowonly">{{description}}</span>{{/if}}
  {{else}}
    {{description}}
  {{/if}}
</td>

相关的CSS是：

.workview-cell{padding:3px;vertical-align:middle;}

呈现的HTML是：

<td class="workview-cell">
  A<img id="privileged-access-step-icon" src="/images/crown16sb2.png" alt="Test" title="Test">                   
   <a href="#" class="workview-link viewstep-link theme-link-color " title="Open summary">Group Step (Initial)</a>
            B
    </td>

字符串可能会自然地在行中断开，因此我希望尽可能长时间地使用图标和句子，如果句子太大则在下一行中完成。换句话说，我宁愿这句话与图标在同一行开始。

任何提示？提前谢谢。

更新

这就是现在的样子：

我想要实现的是在图标完成后立即开始文本，在同一行中，然后在以下行中继续，如果需要的话。

Answer 1

给这个CSS：

.workview-cell {white-space: nowrap;}

这会强制线保持不变。