Làm cách nào để căn chỉnh hai phần tử span sang bên trái, một phần tử bên phải ở bên trái?

Question

Tôi có hai <span> yếu tố:

<span style="margin-right:auto;">©2012 XYZ Corp. All Rights Reserved.</span> 
<span style="margin-left:auto;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span> 

Tôi muốn <span> đầu tiên được ở bên trái của trang và thứ hai <span> là ở phía bên phải, bất kể chiều rộng trang (vì vậy tôi không thể sử dụng vị trí cố định).

Tôi có thể sử dụng CSS nào để thực hiện việc này?

Answer 1

Biến css float được sử dụng để định vị các phần tử của bạn.

Các tùy chọn là:

float:left; 
float:right; 
float:none; 

---

<span style="float:left;">©2012 XYZ Corp. All Rights Reserved.</span> 

<span style="float:right;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span>