通過定位實現：position.

定義和用法：position 屬性規定元素的定位類型。

說明：這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。

具體實現步驟如下：

1、設計一個html頁面，一個標簽元素div或者ul里，放入多行數據。

2、設計最外層容器樣式文件：

3、設計每一行的樣式：

4、最后，設計靠右對齊的樣式：

5、此時頁面展示如下：

左右均實現了分別對齊。

擴展資料：

定位的值完整解析：

1、absolute

生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

2、fixed

生成絕對定位的元素，相對于瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

3、relative

生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。

4、static 默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

5、inherit 規定應該從父元素繼承 position 屬性的值。

float:left;浮動到左邊上
float:right;浮動到右邊上

語法：
float : none | left | right
取值：
none : 默認值。對象不飄浮
left : 文本流向對象的右邊
right : 文本流向對象的左邊

說明：
該屬性的值指出了對象是否及如何浮動。請參閱 clear 屬性。
當該屬性不等于 none 引起對象浮動時，對象將被視作塊對象( block-level )，即 display 屬性等于 block 。也就是說，浮動對象的 display 屬性將被忽略。
跟隨浮動對象的對象將移動到浮動對象的位置。浮動對象會向左或向右移動直到遇到邊框( border 、內補丁( padding 、外補丁( margin 或者另一個塊對象( block-level )為止。
在IE5+中， div 和 span 對象假如沒有指定寬度會被分配默認的寬度，而在此前的瀏覽器版本中則必須指定寬度值才可以呈遞此屬性。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應的腳本特性為 styleFloat 。
示例：
div { clear : left }
img { float: right }