inline box지정

여동동 2021. 9. 27. 16:18

소스코드

<!DOCTYPE html>
<html lang="en" dir="ltr">
<style media="screen">
  h1{border:1px solid red;}
  h2{display:inline; border:1px solid red;}
  #blocksample {display:block; border:1px solid green;}
  /*
  inline -> 자기자신의 크기만큼 사용
  block -> 화면 전체를 사용
  */
</style>

  <head>
    <meta charset="utf-8">
    <title>intline Block</title>
  </head>
    <body>
      <h1>Hello World</h1>
      <h2>Hello World</h2>
            안녕하세요. <a id = "blocksample" href="">여동동</a> 입니다.
    </body>

</html>

결과값