我想要在自己架的WP網站中，做出像以下網頁的box效果
http://maoup.com.tw/?p=3239
就是他的【注意】和【調配小知識】兩段
圖示的部份，想要改成這兩個fort awesome圖示
黃色背景的圖示改成這個：http://fortawesome.github.io/Font-Awesome/icon/mobile/
藍色背景的圖示維持這個：http://fortawesome.github.io/Font-Awesome/icon/info-circle/
聽說這要用css來做，但我不知道css語法怎麼寫
可以請版上高手教教我嗎？感恩～～
這是我做出來的效果
http://www.perskinn.com/remove-screen-protector/
我在css語法裡頭這樣寫：
.info-product {
padding: 20px;
background: rgba(255,255,153,0.6);
}
i.fa.fa-mobile {
font-size: 500%;
color: #9E8412;
padding-left: 20px;
}
然後在html語法中這樣寫
好物推薦
9H 鋼化玻璃保護貼－超強疏水疏油，手感超滑溜，價格只要同等級的1/2～1/3
但範例頁的圖示與文字是在同一行對齊的
我的圖示和文字卻無法在同一行
請問要怎麼修改才對呢？
barnabas914 wrote:
我沒仔細點進網頁看...(恕刪)
我的網頁是
http://www.perskinn.com/remove-screen-protector/
我後來把css語法改成
.info-product {
padding: 20px;
background: rgba(255,255,153,0.6);
}
#leftfloat {
float:left;
}
網頁語法改成
結果做出來像這樣，沒辦法從頭開始對齊
內文搜尋
從 APP 打開
X