需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，開啟html編輯器，新建html檔案，例如：index.html。

2、在index.html中的<style>標籤中，輸入css程式碼：。<divstyle="position:relative;width:300px;height:80px;border:1pxsolidblue"><strongstyle="position:absolute;right:0;top:0;">獲取更多</strong></div>

3、瀏覽器執行index.html頁面，此時“獲取更多”的連結文字移動到條形欄的中間位置了。

控制字型位置可以用padding margin text-indent 單位可以是px em % (em是根據你設定的字型大小設定的，假如你設定字型為12px，那麼2em就是24px。 %是根據父容器的寬度或高度決定的。margin-left:auto;margin-right:auto;（左右自動對齊）。position:absolute;（絕對定位）