Cách dùng thẻ blockquote trong HTML

Thẻ blockquote dùng để trích dẫn nội dung từ nguồn khác. Câu hỏi đầu tiên, nếu bạn không sử dụng blockquote khi trích dẫn thì có sao không? Câu trả lời là nếu bạn làm thế, bạn vẫn có thể giúp người đọc hiểu là bạn lấy tin từ nguồn khác nhưng trình duyệt và các công cụ tìm kiếm không biết là bạn trích dẫn.

Câu hỏi số hai, trích dẫn khác copy như thế nào?

Trả lời: trích dẫn bao giờ cùng chỉ lấy một đoạn thông tin nhỏ, cùng lắm là vài chục dòng, ngược lại copy là sao chép toàn bộ nội dung. Ngoài ra, điều quan trọng hơn - khi sử dụng blockquote là bạn đã chủ động và công khai để người cũng như máy biết rằng bạn đang lấy thông tin từ nơi khác trích dẫn vào trang web, còn copy thì cố tình dấu nhẹm nguồn gốc của nội dung.

Code mẫu của blockquote:

<blockquote cite="http://ten-trang-web/index.html">
Nội dung cần trích dẫn
</blockquote>

Theo đó:

• Ở giữa cặp thẻ blockquote bạn để nội dung cần trích dẫn.
• Ở thẻ mở, bạn sử dụng thuộc tính cite để dẫn nguồn địa chỉ trang web chứa nội dung gốc. Và nó phải là URL nhé, không được phép là tên cuốn sách hay tên tác giả.

Ví dụ cụ thể như tôi trích dẫn một đoạn thông tin định nghĩa Wiki nghĩa là gì từ trang bách khoa toàn thư mở Wikipedia tiếng Việt:

Wiki, hay "wiki wiki" theo ngôn ngữ Hawaii có nghĩa là nhanh. Wiki là yếu tố cơ bản của các trang web cho phép người xem sửa đổi, lưu trữ, thêm xóa nội dung, được Ward Cunningham phát triển vào những năm 90 của thế kỉ 20. Wiki cho phép tạo ra vô số các liên kết và tính đơn giản này giúp wiki trở thành công cụ rất hữu ích cho vấn đề đồng tác giả. Wikipedia là chữ viết tắt của wiki và "encyclopedia", trong tiếng Anh có nghĩa là bách khoa toàn thư.

Viết tắt 

Thay vì sử dụng thẻ blockquote khá dài, bạn có thể viết tắt thành thẻ q, nó cũng cho kết quả tương tự, code mẫu:

<q cite="http://ten-trang-web/index.html">
Nội dung cần trích dẫn
</q>

Thuộc tính overflow trong CSS

Thuộc tính overflow dùng để quy định cách thức hiển thị khi kích thước nội dung lớn hơn kích thước box chứa nội dung đó. Có 4 giá trị hay dùng của overflow.

overflow: visible

Đây là giá trị mặc định, theo đó nếu nội dung lớn hơn box thì nó sẽ tràn ra ngoài box, dĩ nhiên trông nó rất xấu, và trong thiết kế, đa số trường hợp ta không được phép để như vậy. Dưới đây là minh họa cụ thể khi nội dung tràn ra ngoài:

Nội dung này bị tràn ra ngoài do kích thước box không có khả năng chứa nó. Một lúc nữa bạn sẽ biết cách khắc phục tình trạng tràn như thế nào. Chỉ cần thay giá trị visible bằng giá trị khác.

overflow:hidden

Giá trị này sẽ làm cho nội dung thừa bị ẩn đi chứ không tràn ra khỏi box nữa. Ví dụ:

Nội dung này lớn hơn kích thước box, tuy nhiên bạn không thấy nội dung dư ra, rõ ràng cách này cũng có bất tiện khi độc giả không thể đọc được nội dung tiếp theo như thế nào

overflow:scroll

Rõ ràng là bạn không thể đọc được nội dung dư ra, và nó không tốt chút nào về mặt cung cấp thông tin, để khắc phục điều này ta sử dụng thuộc tính overflow:scroll; Nó sẽ làm xuất hiện thanh cuộn dọc hoặc ngang, hoặc cả hai để giúp độc giả xem nội dung bị ẩn.

Nội dung này lớn hơn kích thước box, nhưng bạn sẽ đọc được thoải mái nội dung bị dư ra (overflow: visible), nó cũng không tràn ra ngoài, nó cũng không bị ẩn (overflow:hidden). Bạn sẽ thấy thanh trượt dọc, kéo nó xuống dưới để đọc tiếp đoạn này!

overflow:auto

Tiếp theo là giá trị auto. Code mẫu: overflow:auto; Với khai báo là auto, thanh cuộn chỉ xuất hiện khi nội dung lớn hơn box, còn nếu không lớn hơn thì không xuất hiện. Cái này là khác với scroll, khi sử dụng scroll ngay cả khi nội dung không lớn hơn box thì vẫn xuất hiện thanh ngang và dọc.

Sử dụng giá trị auto, bạn dễ dàng thấy chỉ thanh cuộn dọc xuất hiện, thanh ngang không xuất hiện, vì chỉ có chiều dọc nội dung lớn hơn box nên có thanh cuộn, chiều ngang không lớn hơn nên không có.

Thanh cuộn ngang và thanh cuộn dọc

Nếu muốn điều chỉnh cuộn ngang hoặc dọc riêng biệt, bạn chỉ thị cụ thể thanh cuộn nào muốn tác động, nếu là thanh cuộn ngang, sử dụng overflow-x còn thanh cuộn dọc sử dụng overflow-y

Các thông số kỹ thuật

• Giá trị mặc định: visible
• Kế thừa tự động: không. Tức là các thẻ con cháu không tự động nhận giá trị overflow của thẻ cha.
• Phiên bản CSS: overflow được đưa vào từ CSS2
• Trình duyệt hỗ trợ: Tất cả các trình duyệt lớn.

Các giá trị có thể của thuộc tính

Tổng hợp ngắn gọn lại nội dung ở phần đầu, các giá trị có thể của overfow là:

• visible: tràn nếu thừa
• hidden: ẩn nếu thừa
• scroll: xuất hiện thanh cuộn cho nội dung thừa
• auto: chỉ xuất hiện cuộn khi thừa, không xuất hiện nếu không thừa
• inherit: thừa kế từ thẻ cha.

Nhắc thêm về inherit, nếu thẻ A nào đó nhận giá trị inherit, nó sẽ thừa kế giá trị của thuộc tính overflow từ thẻ cha, chẳng hạn thẻ cha là scroll thì thẻ con A cũng scroll. Những thẻ con khác (B, C,..) thì không nhận giá trị scroll vì overflow không kế thừa tự động như ở phần thông số kỹ thuật có nói đến.

Cách làm dầu dừa tại nhà - hướng dẫn chi tiết

Từ trái qua phải là các khâu chuẩn bị cho đến lấy nước cốt, đun để có dầu dừa

Chào bạn, dầu dừa là một trong những mỹ phẩm tự nhiên tốt nhất và hôm nay mình sẽ hướng dẫn bạn cách làm dầu dừa tại nhà với những phương tiện dễ kiếm.

Tự làm dầu dừa có ưu điểm là tích kiệm chi phí, nhưng quan trọng hơn: bạn đảm bảo được chất lượng của dầu dừa hoàn toàn nguyên chất - không pha tạp.

Nguyên liệu

• Đầu tiên là dừa: Bạn ra chợ mua bảo người bán là mua về làm dầu dừa và chọn cho quả dừa già (dừa già có nhiều dầu hơn) 
• Lấy khoảng 2 trái trung bình là được, thông thường nếu chế biến đúng cách sẽ tạo ra 80ml đến 100ml dầu dừa đủ cho bạn dùng thoải mái
• Nếu vào mùa đông, ở miền bắc, 2 trái có giá khoảng từ 40 - 50 K

Quả dừa này đã được bỏ xơ cứng bên ngoài
Nhưng bạn cần gọt bỏ lớp vỏ mỏng bên ngoài của nó nữa

Chuẩn bị 

• Khoảng 300 - 400 ml nước ấm
• Dao và nạo 
• Máy xay sinh tố 
• Ray: dùng để lọc lấy nước cốt dừa 
• Túi lọc có lỗ nhỏ để vắt 
• Xoong, chảo 
• Rổ đựng
• Bếp gas hoặc bếp củi
• Rửa tay thật sạch
• Một cái lọ thủy tinh để đựng dầu dừa

Lấy nước cốt dừa

• Khi mua dừa ở chợ, người ta đã lột bỏ lớp xơ bên ngoài, về nhà, bạn phải dùng dao nạo hết lớp vỏ mỏng còn lại (trước đó bạn bỏ nước dừa bên trong đã - tiện thể giải khát luôn nhỉ)
• Khi gọt lớp vỏ mỏng bên ngoài bạn chú ý nhẹ tay để đỡ mất nhiều cùi dừa vì chính cùi dừa được dùng để tạo dầu dừa
• Rửa sạch dừa, thái nhỏ (tốt nhất là dùng nạo), rồi cho vào máy xay sinh tố kèm một ít nước ấm. Vì cùi dừa khá cứng nên bạn cắt càng nhỏ càng tốt để máy xay quay được nhanh và dễ dàng
• Sau khi xay xong, bạn sẽ thấy hỗn hợp dung dịch trắng như sữa, mùi thơm đặc trưng. Bạn lấy cái xoong to để bên dưới, tiếp theo là cái ray ở trên, trên cái ray bạn để túi vắt. Bạn đổ hỗn hợp vào túi lọc, khá nhiều nước cốt dừa sẽ tự chảy vào xoong
• Nhưng vẫn còn nhiều nước cốt dừa bám vào cùi dừa vụn, do vậy, bạn phải vắt thật kỹ bằng túi vắt. Tốt nhất là nhờ chồng hoặc bồ làm cho công đoạn vắt :) Vì làm cái này tay phải khỏe
• Bạn cứ lặp lại như thế cho hết số dừa, không nên vội vắt nhiều dừa một lúc, cứ từ từ thôi, vì vội thì sẽ phí mất cốt dừa chưa hết

Chú ý: Nếu không có máy xay sinh tố, bạn dùng nạo để nạo dừa cho thật nhỏ, đổ vào chậu rồi cho nước ấm vào ngâm khoảng 10 - 15 phút, rồi lấy tay vò thật kỹ để dầu dừa hòa vào nước. Cuối cùng bạn cũng lấy túi vắt để vắt.

Đun lấy dầu dừa

• Ok, như vậy là bạn đã đi được 2/3 chặng đường. Bây giờ là công đoạn gần cuối, đun nước cốt dừa trắng như sữa trong xoong thành tinh dầu dừa
• Công đoạn này sẽ khá tốn thời gian, trung bình khoảng 2 tiếng (càng nhiều nước cốt dừa, đun càng lâu).
• Bạn có thể đun bằng bếp củi cho tiết kiệm, còn không thì đun gas, không nên đun bếp than, vì cái này bạn phải trông bếp lâu, mà bếp than hơi của nó không tốt cho sức khỏe. Cá nhân mình đun củi, vì bố mình làm mộc nên có nhiều củi vụn, mình đun gas một lần nhưng đun lâu xót của quá.
• Đầu tiên bạn để lửa hơi to một chút cho sôi, sau khi sôi thì để lửa nhỏ hơn
• Cứ để như vậy cho đến khi nước dần bay hơi hết, càng về sau bạn sẽ thấy một lớp hơi giống váng đậu, màu trắng ngà (dân gian gọi là bồng con) dần dần kết lại và trông rõ ràng hơn
• Đến lúc này hết sức quan trọng, bọn để nhỏ lửa chỉ vừa đủ sôi, nếu để lửa to rất dễ cháy
• Bạn canh cho bồng con hơi ngả vàng là bắc nồi ra, nếu lấy sớm hơn thì tinh dầu sẽ chưa đủ độ, còn lấy muộn hơn thì quá già. Rất nhiều người mắc sai lầm ở khâu này, đặc biệt là những lần đầu.

Hiện Út có bán dầu dừa tự nấu, giá 90K/100ml và 175K/200ml. Son dưỡng nẻ môi dầu dừa 30K/thỏi. Phí ship nội thành Hà Nội 15K. Liên hệ số máy của Út: 0968.458.405.

Cho dầu dừa vào lọ

• Rốt cục chúng ta đã có dầu dừa :) Sau khi bắc xoong (hoặc chảo) xuống, bạn để xoong hơi nghiêng để dầu dừa trôi về bên dưới rồi lấy cái xẻng (tốt nhất là loại có lỗ ở giữa) để gạt bồng con lên trên. 
• Bạn cho dầu dừa vào cái bát con, mục đích là để một số cặn bồng con rất nhỏ lắng xuống đáy
• Tùy vào nhiệt độ đun mà chúng ta sẽ có dung dịch dầu dừa với mắc sắc hơi khác nhau. Thường nó trông khá giống dầu ăn nhưng vàng nhạt hơn nhiều, nếu bạn đun quá tay nó sẽ có màu vàng đậm
• Lọ thủy tinh có nắp đậy mua ngoài chợ khoảng 10K, về rửa sạch sau đó lau khô, bạn cho dầu dừa vào để bảo quản. Đợi một lúc cho nó hơi nguội rồi đậy nắp. 
• Ở nhiệt độ khoảng 23 - 25 độ C là dầu dừa đông lại rồi, nên nếu bạn làm đúng cách, vào mùa đông ở miền bắc chắc chắn là dầu dừa sẽ đông
• Dầu dừa đông lại có màu trắng đục, trông như sáp thơm như kẹo dừa

Tổng kết

• Chi phí phải bỏ ra để có 100ml dầu dừa (tiền dừa + tiền gas/củi + tiền lọ) rơi vào khoảng 50 - 60K
• Từ khi mua dừa cho đến khi có tinh dầu dừa nếu nhanh thì bạn mất 3 tiếng, chậm thì mất 5 tiếng
• Nếu đun không cẩn thận có thể thu được rất ít dầu dừa, hoặc dầu dừa không đạt chất lượng

Truy cập website UtEmShop.Com hoặc Fanpage Út Em để tìm hiểu thêm thông tin về dầu dừa bạn nhé

Nên mua dầu dừa nguyên chất ở đâu tại Hà Nội?

Dầu Dừa nguyên chất là một trong những sản phẩm làm đẹp rất tốt với chị em phụ nữ, và được nhiều bạn gái quan tâm tìm mua. Hiện trên thị trường có nhiều nơi bán dầu dừa, nhưng vì đây là sản phẩm thoa trực tiếp lên da nên chất lượng luôn là yêu cầu được đặt nên hàng đầu.
Muốn có dầu dừa chất lượng cao cần:

• Chọn loại dừa tốt: Dừa thích hợp để làm dầu dừa là dừa xiêm Bến Tre 
• Chế biến đúng cách: Gọt vỏ, xay nhuyễn, ngâm nước nóng... 
• Đun đủ độ: Đun nước cốt dừa cạn dần cho đến khi xuất hiện dầu dừa, phải chọn đúng thời điểm để lấy dầu 

Dầu dừa sau khi làm xong, đợi một chút cho lắng hẳn lớp bồng con dừa rồi lấy phần dầu dừa sạch ở trên cho vào lọ thủy tinh đóng kín nắp.

Bản thân dầu dừa có chất kháng khuẩn tự nhiên nên nếu là dầu dừa nguyên chất (không pha trộn) sẽ không cần chất bảo quản mà vẫn giữ được chất lượng sản phẩm được rất lâu.

Nếu ở Hà Nội, bạn có thể mua Dầu Dừa Út Em (xem thêm: http://utemshop.com/2014/02/mua-dau-dua-nguyen-chat-o-dau-tai-ha-noi/).

Dầu Dừa Út Em (liên hệ: 0968.458.405) được chế biến theo cách thủ công, đảm bảo sạch sẽ chất lượng, hoàn toàn nguyên chất, không pha trộn , không chất bảo quản...

Vốn là người đặc biệt quan tâm tới các sản phẩm thiên nhiên tốt, tôi thường xuyên gặp gỡ Út để tìm hiểu thêm về các sản phẩm của cô. Út cho biết, mọi sản phẩm bán ra đều là hàng do chính tay cô và chị gái chế biến, mong muốn của Út là làm sao để sản phẩm tốt tới được đông đảo người dùng Hà Nội hơn nữa.

"Em muốn cung cấp các sản phẩm làm đẹp có nguồn gốc thiên nhiên ra thị trường Hà Nội, trước mắt em tập trung vào dầu dừa và cám gạo. Khách hàng hướng tới chủ yếu của em là các chị em ở Hà Nội thật sự yêu thích các sản phẩm hoàn toàn nguyên chất - Út cho biết."

Út nấu dầu dừa

Cũng như tôi và nhiều khách hàng đã mua dầu dừa của Út đều có những đánh giá rất tốt. Bài viết này cũng là lời cảm ơn của tôi dành cho Út vì định hướng đúng đắn của cô về kinh doanh. (Xem thêm: Phản hồi của khách hàng)



Và còn rất nhiều phản hồi tích cực khác nữa...

Dầu dừa được Út bán với giá 110K/100ml - 195K/200ml, ngoài ra còn có son dưỡng dầu dừa 35K/thỏi - một cái giá không quá rẻ cũng không quá đắt trên thị trường. Út cho hay:

Tuy làm dầu dừa rất mất công, nhưng em chỉ để giá vậy thôi, vì em muốn nhiều người biết tới sản phẩm của mình hơn nữa, và giá mềm nhưng em có nhiều khách nên cũng có công rồi.

Để tìm hiểu thêm về sản phẩm của Út các bạn xem thêm tại utemshop.com

Hãy liên hệ với Út qua số điện thoại: 0968.458.405
Free Ship 12 quận tại Hà Nội
Website: utemshop.com
Fanpage: www.facebook.com/utemthuong.net

Thuộc tính opacity trong CSS3

Opacity là thuộc tính mới trong CSS và thuộc phiên bản mới nhất của CSS3, nó quy định độ trong suốt của hình ảnh hoặc nền màu nào đó. Nếu từng biết Photoshop bạn chắc không lạ opacity. Bằng CSS3 chúng ta không cần dùng phần mềm chỉnh sửa ảnh nào nữa, các thành phần sẽ được điều chỉnh độ trong suốt tùy ý. Cùng Blog Mạng Lưới Toàn Cầu thử ngay và luôn nhé!

Hãy nhìn vào bức ảnh đầu bài, thực tế nó nét hơn nhưng được làm trong suốt chỉ còn 60% so với bức gốc, dưới đây chính là bức gốc:

Đoạn code để thực hiện trong suốt cho ảnh là:

img
{
opacity:0.6;
filter:alpha(opacity=60); /* Cho IE8 và các phiên bản cũ hơn */
}

Ngoài ra chúng ta cũng có thể làm trong suốt nền màu như thế này:

Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu

Theo đó, bạn có một ảnh làm background, thẻ div làm nền với màu xám, và chữ bên trên, để nền div không làm che background ảnh tôi làm nó trong suốt ở mức độ nào đó (nếu để trong suốt hoàn toàn - tương đương với bỏ nền thì chữ sẽ khó đọc).

Code mẫu:

<div style="background: url('images/bg.jpg'); height: 200px; padding: 50px; width: 300px;">
<div style="background-color: #cccccc; color: blue; filter: alpha(opacity=60); opacity: 0.6; padding: 15px; text-align: justify; width: 250px;">
<b>Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu. Đây là đoạn văn bản mẫu.</b>
</div>
</div>

Nguồn ảnh minh họa: www.freeimages.co.uk

Thuộc tính text-shadow trong CSS3

Đổ bóng cho chữ không còn là độc quyền của Photoshop nữa, giờ chúng ta có thể làm điều đó mà chỉ cần dùng code. CSS3 thực sự là làn gió mát, nó đem lại các hiệu ứng không hề mới nhưng được thực hiện theo cách đơn giản và dễ dàng hơn nhiều.

Hãy nhìn dòng chữ dưới đây:

Tôi Đổ Bóng Cho Đoạn Văn Bản Này

Bạn có thể thấy nó được đổ bóng với màu xanh. Code mẫu:

text-shadow: 4px 5px 6px blue;

Giải thích code:

• Giá trị đầu tiên 4px là khoảng cách dịch từ bên trái sang theo phương nằm ngang
• Giá trị thứ hai 5px là khoảng cách dịch từ trên xuống theo hướng thẳng đứng
• Giá trị thứ ba 6px là độ mờ (blur) của bóng
• Cuối cùng là màu sắc của bóng
• Bạn có thể để giá trị âm nếu muốn cho chiều ngang và đứng, dĩ nhiên nó sẽ ngược lại giá trị dương. Nếu để âm cho giá trị blur bạn sẽ không còn thấy bóng nữa!

Như vậy cú pháp của đổ bóng cho văn bản là:

text-shadow: lệch-ngang  lệch-đứng  độ-mờ  màu-sắc;

Nếu không có giá trị thứ ba, tức là không có độ mờ, chúng ta sẽ thấy như có 2 văn bản sinh đôi được đặt cạnh nhau:

Văn Bản Này Không Có Giá Trị Blur

Trông rất khó coi, trừ khi bạn giảm giá trị dịch chuyển xuống 1px - 2px theo cả 2 chiều...

Nếu muốn đổ bóng cho hộp, bạn dùng thuộc tính box-shadow.

Code bo tròn ảnh với CSS3

Sử dụng CSS3 bạn sẽ thấy bo tròn ảnh rất dễ dàng, không cần phải dùng Photoshop nữa, chỉ với 3 dòng code bức ảnh đã được bo và chạy tốt trên tất cả các trình duyệt phổ biến, cụ thể thì với IE9+, Firefox 4+, Chrome, Safari 5+ và Opera là OK.

Code mẫu như sau, giả sử bạn có bức ảnh với mã như thế này trong HTML:

<img src="images/cap-doi-hoan-canh.jpg">

Muốn bo tròn tuyệt đối, bạn sẽ CSS ảnh đó như này:

img {
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}

Kết quả bạn sẽ thấy giống bức ảnh minh họa đầu bài. Các tiền tố -moz và -webkit là để tương thích với các trình duyệt khác nhau. Chú ý là ảnh của bạn phải là hình vuông nhé.

Nếu muốn bo tròn góc nhỏ hơn bạn có thể để 5%, 10%, 20%...Hoặc bất kỳ giá trị nào mà bạn cảm thấy vừa mắt, bức hình dưới đây có border-radius là 15%

Để giá trị là % bạn không phải lo kích thước bức ảnh là bao nhiêu, dù lớn hay bé nó sẽ được bo cùng tỷ lệ, nếu để là px thì với bức ảnh lớn góc bo trông sẽ nhỏ hơn góc bo của bức ảnh bé...Cuối cùng đây là bức hình gốc khi chưa được bo tròn:

P/S: Bức ảnh chụp Admin và bạn gái :)

Sau khi bo xong ảnh, bỗng dưng tôi muốn bo luôn chữ, ý tưởng vẫn thế, sẽ cho chữ ở chính giữa đường tròn, sau khi mày mò một lúc thì đây là kết quả:

Tôi Sẽ Bo Tròn Tuyệt Đối Đoạn Văn Bản Này, Bạn Xem Như Này Đã Ưng Mắt Chưa

Đoạn code mẫu đây:

<div style="background: #dddddd; border-radius: 50%; border: 2px solid #a1a1a1; height: 300px; margin: 20px; padding: 10px; text-align: center; width: 300px;">
<h2 style="font-size: 22px; margin-top: 33%;">Tôi Sẽ Bo Tròn Tuyệt Đối Đoạn Văn Bản Này, Bạn Xem Như Này Đã Ưng Mắt Chưa</h2>
</div>

Tôi đặt đoạn văn bản trong thẻ h2 và cho vào thẻ div. Ở thẻ div, tôi quy định cụ thể chiều cao và chiều rộng bằng lệnh height: 300px; width: 300px; Vì mục đích của chúng ta là làm hình tròn cho nên tôi để chiều cao bằng chiều rộng.

2 thuộc tính background: #dddddd; border: 2px solid #a1a1a1; sẽ làm div có màu xám và đường viền 2px nét liền. Để padding: 10px làm chữ không bị chạm vào cạnh của div

Để chữ căn chính giữa theo chiều ngang ta quy định text-align: center; Cuối cùng là cho div thành hình tròn bằng thuộc tính border-radius: 50%; 

Để chữ ra giữa theo chiều dọc, ta điều chỉnh lề cho thẻ h2 bằng cách để lề trên margin-top: 33%; Giá trị này còn tùy thuộc vào kích cỡ của chữ, nhưng sẽ không bao giờ lớn hơn 50%.