section.visual .menu li a p{
&nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; float:left;&nbsp; /* 화살표가 올라올수있도록; */
&nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; font-size: 20px;
&nbsp; &nbsp; line-height: 1.6;
&nbsp; &nbsp;&nbsp;
}

여기서 float:left를 하면 왜 화살표가 올라가는 건가요??

<span class="author" style="box-sizing: inherit; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">manU님 안녕하세요~&nbsp;&nbsp;<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">section.visual .menu li a p 에서 P는 블럭요소이고,&nbsp; .arrow에도 display:block를 줬기 때문에 줄바꿈이 일어납니다&nbsp; 그래서 p에&nbsp;<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">&nbsp;<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">float:left; 를 주어서 화살표가 일렬로 정렬되도록 준것입니다 ~^^

인프런 커뮤니티 질문&답변

float