عدم قرار گرفتن المان ها در یک خط

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  بهرام ،‏ 1 سال و 10 ماه پیش .

این تاپیک تاکنون 569 بازدید داشته است .

نویسنده پست
یکشنبه ، 11 ژانویه 2015     4:40 ب.ظ #


بهرام

Subscriber
263 پست84 تاپیک

با سلام خدمت تمامی دوستان
<code>
<div class="item grid">
<figure class="effect-lily">
<img src="img/owl2.jpg" alt="img1"/>
<figcaption>
<div>
<h2 class="car-name">mercedes benz</h2>
<span class="livicon" data-n="calendar"><p class="car-year">1392</p></span>
<span class="livicon" data-n="calendar"><p class="car-kerd">1392</p></span>
<span class="livicon" data-n="calendar"><p class="car-price">1392</p></span>
</div>
<a rel="nofollow" href="#">View more</a>
</figcaption>
</figure>
</div>

مشکل کد بالا قسمتی هست که بعد از هر تگ span یک تگ p نوشتیم.  span ها که یک آیکن از آیکن های livicon هستند و بعد میخوام جلوی اون یک عدد یا حالا یک متن 2،3 کلمه ای نمایش داده بشه. اما هرکار میکنم تو یک خط نمایش نمیده و متن تگ p میره خط بعدی.

0  تشکر
دوشنبه ، 12 ژانویه 2015     4:58 ب.ظ #


Farshad

Subscriber
4 پست0 تاپیک

با سلام
تگ  span رو داخل p قرار بده و span  رو float  کن

0  تشکر
پنجشنبه ، 15 ژانویه 2015     11:18 ق.ظ #


بهرام

Subscriber
263 پست84 تاپیک

با direction مشکل حل شد. با تشکر

0  تشکر
پست 1 تا 3 (از مجموع 3 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .