* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

ul태그안에 li태그를 사용해서 블록 안에 좌표평면그리듯 1사분면,2사분면,3사분면,4사분면에 대한

배치를 해주고자 했습니다.

차례대로 li 블록들이 붙어서 그렇게 좌표평면을 구축했으면 좋겠는데

그렇지 않고 계속해서 ul블록을 벗어나는 결과를 계속 초래하고 있습니다.

제가 지금 헷갈리는 것이 태그의 요소에 CSS가 적용되어 공간을 차지하고 있는 것이 그 자식 태그에게도 적용될 것이라는 생각이 있긴 한데

그게 틀린 것일까요?(상속의 개념이 CSS에서 어떻게 적용되는지 약간은 헷갈리는 것 같습니다.)

css속성 중에 무엇을 써야 제가 생각하는 방식의 결과가 나올 수 있을까요?

제가 그래도 생각하는 방식의 결과를 도출해보려고

첫번째로 제가 시도한 건 display에 inline-block을 사용해서 그러한 방식을 도출할수 있나 해봤는데 되지 않았습니다.

두번째로는 display에 flex를 사용해서 flex-wrap 속성에 wrap을 사용해보았는데 그래도 되지 않았습니다.

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황

을 이해할 수 있어요.