_/Velog

[ html / css ] h1 태그와 h2 태그가 한줄에 나오게 하기 = inline 속성

선달 2021. 6. 3. 15:36
반응형

한줄에 글자를 쓰면서 크기가 다른 글자를 쓰고싶다

은근 간단한 기능이면서 티스토리에서도 안되더라 (내가 모르고있는거겠지)

 

 

 

방법1.

HTML

<h1 style="display:inline;"> bigger text </h1>
<h2 style="display:inline;"> smaller text </h2>

 

 

방법2.

 

HTML

<div class = "oneLine">
	<h2> bigger text </h2>
    <h3> smaller text </h3>
</div>

CSS

.oneLine h2,
.onneLine h3 {
	display: inline;
}
반응형

'_ > Velog' 카테고리의 다른 글

[React] Hook  (0) 2021.06.03
띄어쓰기  (0) 2021.06.03
[html / css] css에서 색상값을 변수로 지정하기  (0) 2021.06.03
Styled Components  (0) 2021.06.01
[Visual Studio Code] 까먹지않으려고 적어두는 터미널 명령어  (0) 2021.05.20