[Solved] 2nd line indent in news list

[mika]

Hi folks,

i have a question about 2nd line indent and line-height problem
on my concrete5 site news list. I’m not able to get 2nd line start where first line starts. And some how line-height goes broken too..(in mobile width) http://testi4.aada.fi/etusivu/uutiset/

.date {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: bold;
    text-transform: none;
    font-size: 15px;
    font-style: italic;
    }

.uutispalstanlista h3 a {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: bold;
    text-transform: none;
    font-size: 15px;
    font-style: italic;
    
}   

.uutispalstanlista ul {
    margin-top:20px;
    padding:0px;
    }
    
    
.uutispalstanlista li {
    padding-left:30px;
    padding-top:5px;
    background-color: transparent;
    background-image: url('/packages/bootstrap/themes/bootstrap/images/sivulista_ruutu.png');
    background-repeat: no-repeat;
    background-position: left center;
    }

.uutispalstanlista li a {
    
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: bold;
    text-transform: none;
    font-size: 15px;
    font-style: italic;
    border: solid thin #f00;
    
    }

Can someone give me any tips.

// Mika

[Paulie_D]

I’m not able to get 2nd line start where first line starts.

Not entirely sure what you mean but I’m not seeing any indent issues in FF or Chrome.

A Codepen.io demo is preferable to a link though.

[mika]

Thx Paulie, i made it work like this

.date {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
color: #000;
font-weight: bold;
text-transform: none;
font-size: 15px;
font-style: italic;
display: table-cell;
}

.uutispalstanlista h3 a {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
color: #000;
font-weight: normal;
text-transform: none;
font-size: 15px;
font-style: italic;

}

.uutispalstanlista ul {
margin-top:10px;
padding:0px;
clear:both;
}

.uutispalstanlista li {
padding-left:5px;
padding-top:5px;
display: table;
padding-left: 5px;
padding-top: 5px;
display: table;
float: left;
}

.uutispalstanlista li a {

    font-family: "Open Sans", Helvetica, Arial, sans-serif;
color: #000000;
font-weight: 300;
text-transform: none;
font-size: 16px;
font-style: italic;
    line-height: 16px; 
    display: table-cell; 

}

[Author]

Posts