인라인 요소

인라인 요소는 : 새로운 줄을 만들지 않으며 필요한 너비만 차지합니다

 

예를 들면 

 

<div> 우리집에 왜 왔을까 ? < span class ="vip"> 어쩐지 왜 왔지? </span> 모르겠다

 

결과문 

 우리집에 왜 왔을까? 어쩐지 왜 왔지 ? 모르겠다   

 

특정된 글자 안에서만 배경이 채워지는걸 볼 수 있다 즉

 

(인라인 요소라는건  콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지하는 것 )

 

인라인 요소의 들어간 태그는 

 

<a>

 

<abbr>

 

<acronym>

 

<audio>

 

<b>

 

<bdi>

 

<bdo>

 

<big>

 

<br>

<button>

 

canvas>

 

<cite>

 

<code>

<data>

 

<datalist>

 

<del>

 

<dfn>

 

<em>

<embed>

 

<i>

 

<iframe>

 

<img>

 

<input>

 

<ins>

 

<kbd>

<lanel>

 

<map>

<mark>

 

<meter>

 

<noscript>

 

<object>

 

<output>

 

<picture>

 

<progress>

 

<q>

 

<ruby>

 

<samp>

 

<select>

 

<slot>

 

<small>

<span>

 

<strong>

<sub>

 

<sup>

 

<template>

 

<textarea>

 

<time>

 

<u>

 

<tt>

 

<var>

<video>

 

<wbr>

 

가 있다