اريد هذا الكود html,css

  • 4rx

السلام عليكم

اريد كود تكون الصورة يمين ونص يسار فوق ويسار تحت إذا امكن او موقع او كود مشابة محتاجة ضروري بحثت عن الكود دخلت موقع w3school , مواقع لكن لم اجد الكود

هذي صورة مثال لتوضبح :)


هيه العمليه بسيطه تحتاج ان تخلي الكتابه ب position: absolute وهذا رح يسمحلك ان اتسوي هذا الشيء. طبعا اكو طرق افضل لكن هذه هيه الطريقه الي دا افكر بيها حاليا.

HTML

<div id="photo">
  <img src="

https://static.pexels.com/p... " alt=""> Sometext this is a long text Moretext this is too

CSS

#photo img{
  width: 60px;
  height: 60px;
}
#photo {
  pendding:left;
}
#text {
  position: absolute;
  top: 15px;
  left: 84px;
}

معاينه

شكرًا لك أخي

الكود شغال لكن فيه مشكلة صغيرة ليس متناسق مع التصميم الذي قمت به

والسبب في css وتحديدًا top , left