css display 속성공부하다가 의문이 생겨서 질문드립니다.

[문종후]

CSS파일은

body{
  margin:0;
  padding:0;
}

nav {
  background-color: blueviolet;
  height: 50px;
  box-sizing: border-box;
  margin-bottom: 0;
  
  
  
}

ul > ol {
  margin-left: -30px;
}

img{
  vertical-align: middle;
}

img + ol {
  font-weight: bold;
}

.item {
  display: inline-block;
  color: BLACK;
}

ul {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  
  
}

이렇게됩니다.

제가 궁금한점은 이런식으로 정렬하면
 
요런식으로 되는데 제가 여기서 두번째 ul 요소만 오른쪽정렬을하고싶어 ul에 클래스를지정하던 뭘하던해봣지만 이렇게되면 
ul요소 자체가 이동되는게아니라 움직이지않더군요.
이런경우에는 ul두번째요소만 따로 오른쪽정렬시킬방법이없는건가요?

flex를 사용하면 간단하게 될걸알지만 궁금해서 여쭤봅니다.

[치칫]

선생님은 아니지만 .two에만 float:right로 가능할것같아요
오른쪽 딱 붙는게 싫으면 nav안에 박스 하나 더만들어서 그거 크기 줄이면 될것같아요

[codingapple]

넴 float 쓰면 될 수도 있습니다

[글쓴이]

글