Cách làm chữ và ảnh vào trong cùng 1 khung

Chào các bạn,

Mình đang học HTML CSS tại FreeCodeCamp đến phần làm bài tập làm một web theo như mẫu web này Freecodecamp. Bạn nào gợi ý giúp mình là làm thế nào để cái ảnh và chữ giới thiệu nằm trong cùng một khung như vậy được không.

Thumbnail với caption

Bạn cho mình hỏi thêm là cái background màu xám phình ra theo content kia là dùng cách nào nhỉ :smiley:

Trên codepen có hiện phần code. Bạn nên xem kĩ để hiểu rõ hơn.
Còn như trên là class jumbotron, của Bootstrap thì phải.

Phần hiện code trên codepen thì mình biết nhưng mình không muốn xem vì trong phần bài tập nó cũng nói là không được xem mà chỉ nên tìm hoặc hỏi ở các nguồn khác. Để từ từ tìm ra nó mới nhớ :smiley: cái ảnh kia thì mình tìm được rồi đấy là dùng class “well”. Giờ đang tìm nốt cái background nữa thôi là xong :smiley:

Không phải là background-color trong CSS à?

Đó không phải là khung/box, đúng như bạn @Trần Đắc Thanh Trung nói CSS là background-color thôi. Bạn có thể dùng div với align=‘center’ với width theo % bạn muốn là ok.

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?