<h1>Highlight Text</h1>

<article>
  <p>
    <mark>HTML5</mark> có thêm nhiều tính năng cú pháp mới. Chúng bao gồm các <mark>thẻ mới</mark> như <mark>video</mark>, <mark>audio</mark> và các thành phần <mark>canvas</mark>, cũng như sự tích hợp của đồ họa vector có khả năng mở rộng (Scalable Vector Graphics) nội dung (thay thế việc sử dụng thẻ chung <mark>object</mark>) và MathML cho các công thức toán học. Những tính năng này được thiết kế để làm cho nó <mark>dễ dàng bao quát</mark>, xử lý đa phương tiện và nội dung đồ họa trên web mà không cần phải dùng đến quyền sở hữu bổ sung và APIs. Các yếu tố mới khác, chẳng hạn như <mark>section</mark>, <mark>article</mark>, <mark>header</mark> và <mark>nav</mark>, được thiết kế để làm <mark>phong phú thêm nội dung, ngữ nghĩa</mark> của tài liệu. 
  </p>
</article>
/* Only for styling, not required for it to work */
body {
/*  background-color: lightseagreen; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 30px;
}

h1 {
  font-size: 3rem;
  color: darksla;
  font-family: "Arial", cursive;
  text-align: center;
}

p {
  font-size: 1.4rem;
  line-height: 1.4;
}

mark {
  background-color: blanchedalmond;
}
code {
  background-color: grey;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.