Ik heb nu reeds alles geprobeerd wat ik ken . maar ik zie iets over het hoofd;
mijn nieuws items zouden horizontaal naast elkaar moeten getoond worden . Maar ze tonen zich verticaal .
ik heb verschillende aanpassingen geprobeerd maar niets lijkt te lukken.
kan iemand mij helpen?

Beetje weinig informatie Bert.
Heb je niet een klein beetje relevante code?

#block-views-latest-news-block-1 .view-content ul .block-fp-news-item .field-content a img {
background-clip: padding-box;
border: 5px solid #999999;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
float: left;
margin: 5px 20px 10px 0;

}
#block-views-latest-news-block-1 .view-content ul .block-fp-news-item {
border-bottom: 1px solid #CCCCCC;
}
#block-views-latest-news-block-1 .view-content ul .block-fp-news-item:last-child {
border-bottom: 0px solid #CCCCCC;
}

#block-views-latest-news-block-1 .view-content ul .block-fp-news-item span .views-more-link {
color:#F70505;
}
#block-views-latest-news-block-1 .view-content ul .block-fp-news-item span .views-more-link:hover {
color:#000000;
}

#block-views-latest-news-block-1 .view-content ul .block-fp-news-item span {
font-size: 14px;
line-height: 20px;
}

#block-views-latest-news-block-1 .view-content ul .block-fp-news-item .field-content a img:hover {
opacity:0.8;
}

#block-views-latest-news-block-1 .view-content ul .block-fp-news-item span p a {
font-size: 16px;
font-weight: bold;
color: #F70505;
}

#block-views-latest-news-block-1 .view-content ul .block-fp-news-item span p {
margin-top: 7px;
}

Bij de .li (die ik overigens zo snel niet kan ontdekken in je css) moet je het volgende neerzetten: {float: left; display: inline;}.

Probeer die code eens op #block-views-latest-news-block-1 .view-content ul .block-fp-news-item. dat wordt dus:

{float: left;
display: inline;
bottom: 1px solid #CCCCCC;}