عرض خودکار و وسط قرار گرفتن

[دانیال دزفولی]

سلام
1. یه دیو که بوردر باتم داشته باشه
2. وسط باشه
3. با توجه به متنش خودش عرض داشته باشه




border-bottom: 2px solid #000;
position: relative;
display: block;
margin: 0 auto;


با کد بالا عرضش 100%

[Mori Bone]

این الان آموزشه یا سوال؟:متفکر::چشمک:

[دانیال دزفولی]

این الان آموزشه یا سوال؟:متفکر::چشمک:
soal
.. ...

[2undercover]

سلام
1. یه دیو که بوردر باتم داشته باشه
2. وسط باشه
3. با توجه به متنش خودش عرض داشته باشه




border-bottom: 2px solid #000;
position: relative;
display: block;
margin: 0 auto;


با کد بالا عرضش 100%

1. استفاده از:

display: inline-block;

2. استفاده از:

text-align: center;

برای تگ والد.

[دانیال دزفولی]

http://jsfiddle.net/zvod30sc/

[Mori Bone]

<div id="alaki"> <div id="dolaki">alaki-dolaki</div><div>

#alaki{ display: block;
text-align: center;
}
#dolaki{
position: relative;
display: inline-block;
margin: 0 auto;
padding:0 10px;
border-bottom: 2px solid #000;
text-align: center;
}

[دانیال دزفولی]

<div id="alaki"> <div id="dolaki">alaki-dolaki</div><div>

#alaki{ display: block;
text-align: center;
}
#dolaki{
position: relative;
display: inline-block;
margin: 0 auto;
padding:0 10px;
border-bottom: 2px solid #000;
text-align: center;
}

به کار نمیاد

http://jsfiddle.net/hdpod9py/

[Mori Bone]

چطور ماله من جواب میده؟
http://xum.ir/images/2014/08/24/Untitled1e50b.png

[دانیال دزفولی]

برای من هیچ استایلی نمیاد

[Mori Bone]

http://jsfiddle.net/Moribone/6mxyoenv/

[دانیال دزفولی]

http://jsfiddle.net/Moribone/6mxyoenv/
با این اومد
ولی تغییری که ندادید؟

[Mori Bone]

نه هیچ تغییری ندادم. شما اشتباه کپی میکردید