تنظیم متن کنار تصویر

[webpower]

سلام دوستان
من میخوام تصویر پروفایل و نام کاربری کاربر رو کنار هم بذارم مشکلم اینجاست جای متن خیلی پایینه تقریبا آخر تصویر و این صورت جالبی نداره در ضمن من برای این کار از دو تگ img و span در یک div استفاده کردم
میخوام کمی متن رو بالا تر بیارم خلاصه بگم margin-top اینجا برای span عمل نمیکنه همچین موقعها float:left میزدم ولی اینجا چون پروفایل ها همه از یک الگو استفاده میکنند با هم قاطی میشند در واقع همشون float:left میگیرن الگو رو توی تصویر پیوست کردم:
http://up8.iranblog.com/images/fkgzi2zisc0lioie6ge9_thumb.jpg (http://up8.iranblog.com/viewer.php?file=fkgzi2zisc0lioie6ge9.jpg)

[fayaghali]

خوب شما اگه در تگ img تان align:left بدهید مشکل حل میشه

[Saber Mogaddas]

سلام
راه های زیادی برای حل این مشکل هست..
یکیش اینه که شما span یا نوشته رو داخل div بذارید..بعد به نوشته margin بدین..
و یا از position:relative; استفاده کنید..
مثل این نمونه..

76524

[hamiii]

اینگونه سوالها رو اگه با همراه با کدتون بپرسید راحت تر و دقیق تر میشه راهنماییتون کرد.
ولی چند تا نکته رو من بهتون میگم.
اگه میخواید روی span کنترل مکانی داشته باشید(float,margin,position) و یا تغییر اندازه بدید (height&width) بهتره بهش خاصیت display:block رو بدید. در این صورت شما یک تگ span دارید که خاصیتهای یک div رو داره.
چون همونطور که میدونید مقدار display بصورت پیشفرض inline هستش.
یک راه حل:
به img ویژگی float:left بدید. وspan رو به سمت راست شناور کنید.
درصورتی که عرض div مناسب انتخاب کرده باشید در کنار هم قرار میگیرند.

چندین راه دیگه هم وجود داره...
موفق باشید