Currently I have <span className='bg-red-500'>test1</span> test2 test3, but they are not level, so I need to set items center to the parent tag. If I do flex items-center to the parent tag, the ellipsis and space are removed. I want to know how to maintain the space and ellipsis without using flex items-center. However, I cannot change the span because it is provided by the backend.
<a className='mr-0.5 truncate whitespace-nowrap pl-2'><span className='bg-red-500'>test</span> test2 test3</a>