Предотвратите разрыв строки между двумя элементами в CSS

Поскольку некоторый базовый макет работает, я делаю, я хотел бы ссылки, которые сразу следуют за ценой, которую всегда будут показывать на той же строке как цена. Ценовой текст перенесен в a <span class="price"> отметьте, в то время как ссылка использует класс покупать-ссылки в качестве в <a href="/buy" class="buy-link">Buy Now</a>.

Я ищу CSS, который автоматически предотвратит строку, повреждающуюся между span и a тег, но я или пропускаю что-то, или он не может быть сделан. Я могу легко предотвратить разрывы строки в двух тегах - но не между ними.

Я не хочу переносить оба тега в a span с a white-space: nowrap вручную и используйте чистый CSS, если это возможно.

Обновление: HTML смотрит что-то как следующее. Это не реальный код, но очень похожий.

<style>
    .price{ font-weight: bold; }
    .buy-link{ color: green; }
</style>

<span class="price">$50</span> <a href="/buy" class="buy-link">Buy Now</a>

Если ссылка, оказывается, около края страницы - или края блока в a <div> или <table> браузеры перенесутся, Покупка Теперь связываются со следующей строкой. Разделение этих двух элементов.