текст перекладу
Чи чули ви про одиницю "cap" в CSS? 1cap дорівнює висоті великої літери (відносно поточного розміру шрифта).
Це особливо корисно для вирівнювання іконок із супутнім текстом, наприклад, всередині кнопки — встановлюючи висоту іконки на 1cap.
HTML
Settings
``` ## CSS
.container {
display: flex;
align-items: baseline;
gap: 0.5rem;
}
.container .icon {
height: 1cap;
aspect-ratio: 1;
}
Перекладено з: CSS tip to align icons with text