Thuộc tính canh dọc trong css, canh dọc cho chữ và hình ảnh trong css

• Là lập trình viên có nhiều bạn chắc không biết thuộc tính canh chiều dọc cho text và hình ảnh.
• Nhiều lúc bạn để hình ảnh và thẻ h1,h2,... trên 1 dòng, bạn thường rất bực mình vì hình ảnh và chuỗi text cùng nằm trong thẻ này nó không canh theo ý bạn, lúc thì nó đi lên, lúc thì nó đi xuống, khiến disign nhìn rất xấu.
• Có nhiều bạn không biết đã dùng cách tạo 2 thẻ <div... cho nó và chèn thuộc tính float cho nó và bắt đầu margin để nó nằm đúng vị trí đẹp nhất.
• Rất ít bạn chú ý trong html code css đã cho bạn lệnh đó rồi.
• Hầu hết mọi người đều biết thuộc tính canh giữa của hình ảnh và text là thuộc tính text-align:...đối tượng cần, mà ít ai biết tới thuộc tính canh dọc của hình ảnh và text.
• Bằng chứng là rất nhiều bạn hay hỏi mình vấn đề này, nên tiện thể mình viết 1 bài về canh dọc luân :1yh:.

Để canh theo chiều ngang :

HTML:

text-align: center;
text-align: left;
text-align: right;
....

Để canh theo chiều dọc:

HTML:

vertical-align: middle;
vertical-align: bottom;
vertical-align: top;
....

Cảm ơn các bạn đã đọc bài viết.