CSS ul 앞의 요소에 이어서 한줄로 출력하기

1 개요

CSS ul 앞의 요소에 이어서 한줄로 출력하기

• 앞의 요소, ul, li을 모두 inline으로 변경

<style>
div {
  background: #fdb;
}
li {
  background: #bdf;
}
</style>

<div>분류:</div>
<ul>
  <li>한놈</li>
  <li>두시기</li>
  <li>석삼</li>
</ul>

<style>
div {
  display: inline;
  background: #fdb;
}
ul {
  display: inline;
  padding: 0;
}
li {
  display: inline;
  background: #bdf;
}
</style>

<div>분류:</div>
<ul>
  <li>한놈</li>
  <li>두시기</li>
  <li>석삼</li>
</ul>

2 같이 보기

• CSS ul 한줄로 출력하기
• HTML ul