inline - 가로 배치
block - 세로 배치
<template>
  <div>
    <h1>inline</h1><h1>inline</h1><h1>inline</h1>
    <a href="#">block</a><a href="#">block</a><a href="#">block</a>
  </div>
</template>

<script>

export default {

}
</script>

<style scoped>

  h1{
    display: inline;
    border: 3px solid black;
  }
  a{
    display: block;
    border: 3px solid red;
  }
</style>

 

'CSS' 카테고리의 다른 글

[CSS] transition  (0) 2020.04.07
[CSS] background  (0) 2020.04.07
[CSS] flex  (0) 2020.04.06
[CSS] position  (0) 2020.04.03
[CSS] 적용 우선순위  (0) 2020.03.31

+ Recent posts