<div style="background-color: #ddd; width: 75%;margin: 50px auto;min-height: 600px;height: auto;padding: 15px;">
<p style="width: 50%;float: left;background-color: #aaa9a9;">
fggfngdfngndfngdfnghtrhrtujyutytujyut
</p>
<!-- من ماهیت تک رو عوض کردم همون تور که گفتید ام خروجی نداد -->
<img src="pic/1.jpg" alt="" width="45%" height="auto" style="float: right;">
<p style="background-color:red ;clear: both;">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi quaerat sequi fugiat soluta vero illum
asperiores, eligendi veritatis est? Sint iste saepe, voluptas sequi cum voluptate officiis nesciunt minima
eveniet.</p>
</div>
کدها رو براتون ادیت کردم
برای اینکه دو تا المان کنارهم قرار بگیرن یا می تونید بهشون display=inline بدید یا اینکه از ویژگی float استفاده کنید.
من توی این کد از ویژگی float استفاده کردم این ویژگی رو جلوتر توی مباحث درسی بهش می پردازیم. ولی به کدها دقت کنید و تمام ویزگی ها رو چک کنید.
برای تگ p که بعد از تگ img گذاشتم یک ویژگی ست کردم به نام clear یکبار این ویژگی رو بردارید صفحه رو رفرش کنید و ببینید که اگر این ویژگی نباشه باعث میشه عناصر پایینی بیان بین دو تا عنصری که ویژگی float دارن.ویژگی clear این مشکل رو از بین می بره
در جلسه ای که راجع بهش صحبت کردیم کامل توضیح داده شده و باز شده.
موفق باشید.
