[CSS] inline vs block

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>