مشکل در کنار هم گذاشتن متن و livicon

[ABZiko]

سلام، به این عکس یک نگاه بندازید، متن دقیقا کنار متن قرار نمی گیره ، چی کار کنم؟؟؟؟
123673


این کد html رو در نظر بگیرید :


<p class="title"><span class="livicon" data-name="thumbnails-big"></span><span>مهارت های ما چگونه است؟</span></p>


و این هم کد CSS :


.title{
width:100%;
height:40px;
background-color:#3498DB;
font:12px 'Segoe UI';
color:#FFF}

[_mojitaba_]

به livicon یه float:right بده اونموقع متن میاد بالا بعد با padding متن رو بیار وسط
http://jsfiddle.net/k80j2b4L/

[ABZiko]

ممنون ولی مگه از span استفاده نشده؟ پس باید کنار هم قرار بگیرن ، پس چرا قرار نمی گیرن؟

[_mojitaba_]

span هست ولی خب باید مشخص بشه کی کجا قرار بگیره

[2undercover]

از این استایل استفاده کنید، احتمال زیاد باید درست بشه:


.title,
.livicon {
vertical-align: middle;
}