câu trả lời hay nhất

Thế đấy, chỉ cần thay thế mã bên dưới bằng HTML và CSS - xem nhận xét của tôi về mã đã thay đổi.

CSS

nội dung,html{
    margin: 0;
    chiều rộng tối thiểu: 500px;
}

chân trang {
  nổi: trái;
  màu nền: xám;
  padding: 0;
  width: 100%;
  text-align: center; 
  color: white; 
}

ul {
  kiểu danh sách: không có;
  margin: 0;
  padding: 0;
  tràn: ẩn;
  hình nền: gradient tuyến tính (bên phải, bạc, xám nhạt);
}

li {
  kiểu danh sách: không có;
  nổi: trái;
}

li a {
  kiểu danh sách: không có;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  trang trí văn bản: không có;
}

li a:hover:not(.active) {
  kiểu danh sách: không có;
  màu nền: #E1E1DC;
}

.active {
  màu nền: #00628B;
}

.container {
  margin: 0;
  color: white;
  cỡ chữ: 8vh; /*Vh được hiển thị theo chiều cao, sử dụng điều này để chia tỷ lệ văn bản.*/
}

.trung tâm {     
  position: absolute;
  trên cùng: 10px;
  left: 0;
  đúng:0;
  /* biến đổi: dịch(-50%, -50%); */
}

#gradient {
  chiều cao: 1300px;
  màu nền: màu xám; /* Dành cho các trình duyệt không hỗ trợ độ dốc */
  hình nền: gradient tuyến tính(sang phải, bạc, trắng); /* Cú pháp chuẩn (phải là cuối cùng) */
}

.box1, .box2{
    kiểu viền: liền khối;
    chiều rộng đường viền: 1px;
    màu nền: #F5F5F5;  
}

.box1{
   nổi: trái; 
   chiều rộng: 44vw;
   height: 400px;
   đệm: 1vw;
   ký quỹ: 1vw;
}
.box2{
   nổi: trái; 
   chiều rộng: 44vw;
   height: 400px;
   đệm: 1vw;
   ký quỹ: 1vw;
}

.box3{
   phao: trung tâm;
   chiều rộng: 90%;
}

/* đã thêm css cho phần danh mục đầu tư */
.portfolioSection{
    phần đệm trên cùng: 100px;
    căn chỉnh văn bản: giữa
}
/* đã thêm css cho tiêu đề danh mục đầu tư */
.portfolioHead{
    viền-dưới:1px rắn #000;
    hiển thị: khối nội tuyến;
}

HTML

                
Trang chủ

                
Đại học

                
Thể thao

                
Người hướng dẫn sinh viên

              


              


              

                  
                  
                  

                   
                    
Danh mục CPD

                    
Ashley Tanner-Mortell

                

              

              

              

              
              
Chi tiết chân trang

              

Bạn cũng nên hoàn thành phần này - https://www.w3.org/Ngoài ra còn có youtube một số hướng dẫn miễn phí về HTML và CSS vì tôi có thể thấy nhiều vấn đề cơ bản trong css và html của bạn. :)

Về html - khi tôi phóng to trang, các văn bản liên tục chồng chéo lên nhau, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/59020561/