inline 속성

• 태그가 글씨 써진 넓이만큼 먹는다.

• width와 height / margin과 padding이 적용되지 않는다.

• text와 관련된 css가 적용된다.

• css로 block 요소를 만들 수 있다.

  *예외적으로 width와 height가 먹는 태그가 존재한다(입력관련 태그나 img 태그)

관련 대표적인 태그

<aside> 👉 <a> <abbr> <acronym> <b> <bdo> <big> <br> <button> <cite> <code><dfn> <em> <i> <img> <input> <kbd><label> <map> <object> <output> <q> <samp> <script> <select> <small> <span> <strong> <sub> <sup> <textarea> <time> <tt> <var>

</aside>

block 속성

• 한 줄을 전체 넓이로 간주한다.
• width와 height / margin과 padding가 적용되어 지정할 수 있다.
• css로 inline 요소를 만들 수 있다.

관련 대표적인 태그

<aside> 👉 <address>, <article> <aside> <blockquote> <canvas> <dd> <div> <dl> <dt> <fieldset> <figcaption> <figure><footer> <form> <h1>-<h6> <header> <hr> <li> <main> <nav> <noscript> <ol> <p> <pre> <section> <table> <tfoot> <ul> <video>

</aside>