<body>
<div className="navbar">
<Link href="/" className="logo">
Appleforum
</Link>
<Link href="/list">List</Link>
{session ? (
<span>
<p>{session.user.name}</p> <LogoutBtn />
</span>
) : (
// span 인데 왜 줄바꿈??
<LoginBtn />
)}
</div>
{children}
</body>
여기서 분명 span 태그로 p태그와 컴포넌트를 감쌌는데 p태그와 컴포넌트가
사이트에서 Link 태그 우측에 위치하는 것이 아닌 하단에 위치합니다
개발자 도구로 살펴보니 span태그의 위치가 위의 두 Link 태그와 겹쳐져 있고
logout버튼 하단 일부분은 span 태그 밑을 넘어가 있습니다.
왜 이런 현상이 발생하는지 궁금합니다.
