要将两个<span>元素对齐到同一行，可以使用CSS的display属性和float属性进行布局。

首先，确保两个<span>元素具有相同的父元素，这样它们才能处于同一行。

然后，将两个<span>元素的display属性设置为"inline"或"inline-block"，这样它们将按照行内元素的方式进行排列。

接下来，使用float属性将两个<span>元素向左或向右浮动。如果想要将它们左对齐，可以将第一个<span>元素的float属性设置为"left"，第二个<span>元素的float属性设置为"none"或者不设置float属性；如果想要将它们右对齐，可以将第一个<span>元素的float属性设置为"none"或者不设置float属性，第二个<span>元素的float属性设置为"right"。

下面是一个示例的CSS代码：

<style>
    .align {
        display: inline-block;
        float: left;
    }
</style>

在HTML中，使用class属性将两个<span>元素应用到相同的CSS类上：

<span class="align">文本1</span>
<span class="align">文本2</span>

这样，两个<span>元素就会被对齐到同一行了。

请注意，这种方法是基于浮动布局的，可能会影响到其它元素的布局，特别是在父元素中有其它元素时。如果需要更复杂的布局需求，建议使用flexbox布局或grid布局。