چجوری مثل نمونه vertical align‌ کنیم ؟

[okey1]

سلام دوستان.

من تازه کار هستم (همونطور که در ادامه خواهید دید :دی)، ممنون میشم راهنماییم کنید.

یه همچین عکسی داریم :

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

حالا من اینجوری نوشتم :

http://codepen.io/Moh3eN/pen/faxur

و همونطور که مشخصه درست در نیومده.

چیکار باید بکنم که اون پاراگراف سمت راست کنار عکس قرار بگبره ؟ و چیکار باید بکنم که همشون توی یه خط قرار بگیرن ؟

پیشاپیش ممنون .

 

[aesshoferi]

درود فراوان دوست من،

برای قرار گیری عناصر کنار همدیگه چند راه مختلف هست که بسته به نیازتون باید انتخاب کنید تا کدتون بهینه باشه. هرچند همه‌شون جوابگو هستند. البته بگم که باید تغییراتی داده بشه بسته به کدنویسی خودتون و نحوه قرارگیری عناصر اونطوری که میخواید. اینجا رو نگاه کنید: http://jsfiddle.net/rxPd8/