Bagaimana untuk menambah padding pada permulaan dan akhir setiap baris teks dalam elemen span dengan warna latar belakang?

Garis Teks Berlapik

Soalan:

Bagaimanakah anda menambah padding pada permulaan dan penghujung setiap baris teks dalam elemen rentang yang mempunyai warna latar belakang?

Jawapan:

Penyelesaian CSS:

Penyelesaian ini memerlukan penggunaan sebaris blok dan kedudukan berhati-hati:

div { 
    line-height: 1.1; 
    padding: 1px 0;
    border-left: 30px solid #000; 
    display: inline-block; 
}
h3 { 
    background-color: #000; 
    color: #fff; 
    display: inline; 
    margin: 0; 
    padding: 0
} 
h3 .indent { 
    position: relative; 
    left: -15px;
}
h3 .subhead {
    padding: 0 15px;
    float: left;
    margin: 3px 0 0 -29px;
    outline: 1px solid #00a3d0;
    line-height: 1.15
}

Penanda HTML:

<div>

Atas ialah kandungan terperinci Bagaimana untuk menambah padding pada permulaan dan akhir setiap baris teks dalam elemen span dengan warna latar belakang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!