一个基于图像大小的CSS逻辑

Question

这是一个特殊的问题。我正在处理自定义表单的标题，其中标题位于标题的右侧，标题文本位于徽标标题的中心。

一般来说，徽标很窄，所以我想将文本放在主容器div中，如下所示：

在少数情况下，如果徽标很长，我想将文本放在左侧。这很容易通过创建一个向左浮动并将文本居中的div：

这里棘手的部分（我不确定它是否可能）是使标题文本在左侧居中，当且仅当图像大小超出一定长度时。哦 - 我不能使用Javascript。

想知道是否有任何CSS技巧可以让我在那里......