Hướng dẫn text beside image html - văn bản bên cạnh html hình ảnh

Tôi có thể làm gì để đặt tất cả các dòng văn bản bên cạnh hình ảnh? Giống như, ở cùng một độ cao của hình ảnh, hoặc một cái gì đó tương tự.

SIGN IN

Nếu bạn thấy hình ảnh phần trắng là biểu tượng hình ảnh và khác là kiểu theo cách này, bạn có thể tạo các nút khác nhau với bất kỳ loại biểu tượng nào bạn muốn thiết kế

Đã trả lời ngày 15 tháng 8 năm 2017 lúc 8:46Aug 15, 2017 at 8:46

Mj xmj xMJ X

7.90512 Huy hiệu vàng65 Huy hiệu bạc95 Huy hiệu Đồng12 gold badges65 silver badges95 bronze badges

Tôi đã có một vấn đề tương tự, trong đó tôi có một div giữ hình ảnh và một div giữ văn bản. Lý do của tôi không hoạt động, là div giữ hình ảnh có

.linkWithImageIcon{

    Display:inline-block;
}
.MyLink{
  Background:#FF3300;
  width:200px;
  height:70px;
  vertical-align:top;
  display:inline-block; font-weight:bold;
} 

.MyLinkText{
  /*---The margin depends on how the image size is ---*/
  display:inline-block; margin-top:5px;
}

.linkWithImageIcon{

    Display:inline-block;
}
.MyLink{
  Background:#FF3300;
  width:200px;
  height:70px;
  vertical-align:top;
  display:inline-block; font-weight:bold;
} 

.MyLinkText{
  /*---The margin depends on how the image size is ---*/
  display:inline-block; margin-top:5px;
}

Tôi đã thay đổi nó thành cả hai và nó đã hoạt động.

Dưới đây là giải pháp cho phần tiêu đề cơ bản với logo, tiêu đề và khẩu hiệu:

HTML

  

    
  


  
Site Title
  
Site Tagline

CSS

div.site-branding { /* Position Logo and Text  */
  display: inline-block;
  vertical-align: middle;
}

div.site-branding-logo { /* Position logo within site-branding */
  display: inline;
  vertical-align: middle;
}

div.site-branding-text { /* Position text within site-branding */
    display: inline;
    width: 350px;
    margin: auto 0;
    vertical-align: middle;
}

div.site-branding-title { /* Position title within text */
    display: inline;
}

div.site-branding-tagline { /* Position tagline within text */
    display: block;
}

HTML

Nếu bạn thấy hình ảnh phần trắng là biểu tượng hình ảnh và khác là kiểu theo cách này, bạn có thể tạo các nút khác nhau với bất kỳ loại biểu tượng nào bạn muốn thiết kế3 gold badges46 silver badges62 bronze badges

Đã trả lời ngày 15 tháng 8 năm 2017 lúc 8:46May 13, 2017 at 20:46

0