كلمتين بجوار بعضهما، كيف أجعل كلمة أعلى من كلمة بدون padding or margin

السلام عليكم ورحمة الله

عندي هذا الكود
https://codepen.io/SarahZaki/pen/rNNPKdP

لو لاحظت الناتج ستجد أن كلمة
Everybody
الجزء السفلي منها غير ظاهر بسبب ال
overflow : hidden
إذا رفعتها أكثر ستصبح هيا والكلمة السابقه ليسا على نفس الخط، لذا أريدهما على نفس الخط

هل من أحد يستطيع المساعده

2 Likes

وعليكم السلام

قومي بزيادة الارتفاع مثلاً للقيمة ١.١ وطبقي نفس التنسيقات للعنصر span

text > div, .text > span{
	display: inline-block;
	height: 1.1em;
  overflow: hidden;
}
4 Likes

أنا غيرت في الإرتفاعات وارتفاع الخط ونجحت الحمد لله شكرا جدا

2 Likes