រប ញ

លេ HTML េយើង ន សិក អំពីបណំ ែដល តូវ ន ែចក ២ គឺ

កងប ត់

ដុំ  ។

ដុំ
display property េ បើសំ ប់ កំណត់ បេភទ តុ េ ឲ តុ ។ តុ កងប ត់ េយើង ច បែមង េ
បេភទ ដុំ ន េ យ េ បើ display property តៃម block  ។

ចំ ំ ៖ បេភទ តុ មិនែមន ន តឹម ែត ដុំ និងកងប ត់ េ ះ េទ ។

HTML CSS Javascript លទផល

1 ▾ em {
2    background-color: pink;
3    padding: 0 5px;
4    display: block;
5 }

កងប ត់
តុ ដុំ េយើង ច បែមង េ បេភទ កងប ត់ ន េ យ េ បើ display property តៃម
inline  ។

HTML CSS Javascript លទផល

1 ▾ .box {
2    background-color: green;
3    width: 100px;
4    height: 50px;
 5    padding: 0 10px;
6    display: inline;

<div> ន បេភទ ដុំ  ។ ឧ ហរណ៍ ងេលើ ន បែមង <div> េ បេភទ កងប ត់  ។ បេភទ
កងប ត់ គឺមិន ច កំណត់ បែវង េផក ឬប រ េ ឲ េទ (េមើល ឧ ហរណ៍ ងេលើ ) ។ សំ ប់ បេភទ
ដុំ គឺ ច កំណត់ បែវង េផក ឬប រេ ឲ ន ។ េដើម ី ឲ តុ មួយ ែដល ន បេភទ កងប ត់ េហើយ
ច កំណត់ បែវង េផក ឬប រ ន េយើង តូវេ បើ display property ន តៃម inline-
block  ។

HTML CSS Javascript លទផល

1 ▾ .box {
2    background-color: green;
3    width: 100px;
4    height: 50px;
5    padding: 0 10px;
6    display: inline-block;