前端開發過程中，我們經常需要處理文本對齊和圖標的問題，這里我們就來介紹一下CSS中的相關屬性。
首先，我們來看文本對齊。CSS提供了4個常用的文本對齊屬性：text-align、vertical-align、line-height和text-indent。
text-align用于水平對齊文本，其取值包括left（居左）、right（居右）、center（居中）以及justify（兩端對齊）。
vertical-align用于垂直對齊文本，其取值包括top（頂部對齊）、middle（居中對齊）、bottom（底部對齊）以及baseline（基線對齊）。
line-height用于設置行高，可以是具體數值、百分比或者normal（默認）。
text-indent用于設置首行縮進，可以是具體數值或者百分比值。
下面是一個示例代碼：

<p style="text-align: center; vertical-align: middle; line-height: 50px; text-indent: 2em;">
這是一個居中對齊的段落，行高為50px，首行縮進2個字符。</p>

接下來，我們來看一下圖標的處理。在處理圖標時，我們經常會用到CSS中的偽元素（pseudo-element）。偽元素可以用來在選定的元素中添加內容，允許我們使用CSS來控制這些內容的樣式。
常用的偽元素包括:before和:after，其中:before用于添加內容在選擇器的前面，而:after用于添加內容在選擇器的后面。
我們可以使用偽元素來添加一些常見的圖標，如箭頭、漢堡圖標等等。下面是一個添加箭頭的示例代碼：

<span class="arrow"></span>
.arrow:before {
content: "";
display: inline-block;
border-style: solid;
border-width: 0.1em 0.1em 0 0;
transform: rotate(45deg);
height: 0.7em;
width: 0.7em;
margin-right: 0.2em;
vertical-align: middle;
}

上述代碼中，我們使用:before來添加箭頭圖標，content屬性用于指定內容為空，然后通過border、transform、height、width等屬性來設置圖標樣式，最后使用margin和vertical-align屬性來控制圖標位置和居中對齊效果。
總的來說，CSS中的文本對齊和圖標處理是我們在前端開發中經常會用到的技術，在實際操作中需要結合具體需求進行靈活運用。