تغییر مکان ندادن تگ هنگام محدود کردن عرض

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام . توی تگ p کلمه oogle نوشتم بعد تصویر G رو هم طبق دستورات استاد اضافه کردم و میخوام border که اضافه میکنم این border فقط اطراف کلمه Google رو بگیره و کل عرض رو پر نکنه وقتی یه width برای تگ p در نظر میگیرم مثلا ۱۰۰px کل کلمه گوگل میفته میره سمت راست چکار کنم که همون سمت چپ بمونه و border فقط اطراف کلمه رو احاطه کنه و کل عرض رو نگیره ؟

درود

کد خودتون رو در یک کدپن آپلود کنیم تا بتونیم بررسی کنیم و سریعتر کمک تون کنیم.

نازنین کریمی مقدم ۱۴ شهریور ۱۴۰۱، ۰۶:۲۵

<head>
<style>
.w{
Direction:ltr;
Border:2px solid blue;
Text-align:left;
Width:80px;
}
.z{
Vertical-align:-10px;
Direction:ltr;
}
style>
head>
<body>
<p class="w">
<img class="z" src="../img/images.png" width="30" alt="" heigth=""/>
p>

soroosh elahi ۱۴ شهریور ۱۴۰۱، ۰۶:۵۴

ممنون از همکاری تون

شما به تصویرتون width 30 دادید، برای بوردر تو حوالی 35 تا 40 اگر مقدار بدید باید اوکی باشه.

نازنین کریمی مقدم ۱۴ شهریور ۱۴۰۱، ۱۰:۳۱