Printable View
سلام
من یک divدارم که میخوام متنش وسط قرار بگیره و این کد رو نوشتم
height:37px;
width:550px;
background:white url('../images/postmetader_bg.png') repeat;
font-family:Tahoma;
font-size:12px;
color:black;
text-align:right;
vertical-align:middle;
font-weight:bold;
اما متن همیشه بالای div نوشته میشه عیت این که topبدم مثلا؟
من میخوام دقیقا وسط divبیاید
خاصیت padding رو اضافه کن ببین درست میشه!
راکد HTML:text-align:right;
بنویسکد HTML:text-align:center;
سلام!
دوست عزیز این تیکه کد را از درون کد بالا برداریدfont-family:Tahoma;و فقط margin:0 auto; آن را فعال کنید
font-size:12px;
color:black;
و در فایل html و درون تک <div> یک <div> دیگر باز کنید و متن را درون آن بنویسید و کد css آنmargin:0 auto;
background-color:#00FF33;
font-family:Tahoma;
font-size:12px;
color:#FF0000;
height:100px;
width:300px;
padding:150px 0px 0px 0px;
text-align:center;
که برای مثال :
#div{
height:300px;
width:600px;
margin:0 auto;
background:#0000CC;
}
#div1{
margin:0 auto;
background-color:#00FF33;
font-family:Tahoma;
font-size:12px;
color:#FF0000;
height:100px;
width:300px;
padding:150px 0px 0px 0px;
text-align:center;}
خیلی ساده است ابتدا به اندازه height به line-height بدهید بعد یک text-align:center اضافه کنید به همین سادگی وسط وسط قرار میگیره . مثال :
.iconAction {
width:41px;
height:41px;
background-color:#fafaf9;
line-height:41px;
text-align:center;
}