Delikatny problem z css

[MCKprestaLOVER]

Witajcie!

 

Mam mały problem z css, nie jestem w tym biegły i jakoś nie mogę uzyskać właściwego efektu. Dla kogoś obeznanego pewnie nie będzie to problem.

Oto fragment pliku global.css jak sądze odpowiadający za ten element, który próbuje dopasować, a mianowicie cmsinfo.

#cmsinfo_block {
  overflow: visible;
  background: #f2f2f2;
  min-height: 400px;
  height: 400px;
  padding-right: 30px;
  padding-left: 20px; }
  @media (max-width: 991px) {
    #facebook_block,
    #cmsinfo_block {
      min-height: 354px;
      height: 354px;
      padding-left: 13px;
      padding-right: 13px; } }
  @media (max-width: 767px) {
    #facebook_block,
    #cmsinfo_block {
      width: 100%;
      min-height: 1px; } }
#cmsinfo_block img {
    float:left;
}
#cmsinfo_block p {
    float:left;

Pogrubiłem to co sam dopisałem (reszta css nie była zmieniana), i teraz efekt jest jak na załączonym obrazku, ale:

-w lewej kolumnie tekst przy ostatnim obrazku zaczyna się bliżej lewego marginesu całego bloku, ze względu na mniejszy wymiar obrazka. Jak zrobić, by tekst zaczynał się wszędzie w tej samej odległości od marginesu powiedzmy?

-w prawej kolumnie tekst zaczyna się od razu przy obrazku, a dodatkowo nowy paragraf przechodzi bezpośrednio pod obrazek. Jak sprawić, by cały tekst był pisany obok obrazka i w pewnej odległości od niego?

 

z góry dzięki za pomoc!

 

[krzysiek_web]

1. Ustaw div okalający obrazek i nadaj mu stałą wartość wtedy treść się wyrówna.

Ewentualnie wstaw obrazki o takich samych wymiarach lub co gorsze ustaw dla ostatniego elementu margin-right.

 

2. margin-right: 20px;  od obrazka.

[MCKprestaLOVER]

A konkretnie w którym miejscu wpisać konkretne formuły? Bo jakoś mi to dalej nie wychodzi...

 

kod lewej kolumny

<div>
<ul>
<li><img src="http://czescimeblowe.hekko24.pl/img/cms/PG/czas.png" alt="czas.png" height="85" width="81" />Cenimy Twój czas. Jeśli Tobie też na nim zależy, skorzystaj z naszych usług, a paczka dotrze do Ciebie maksymalnie  w ciągu 48 godzin od momentu nadania, nawet jeśli mieszkasz na drugim końcu Polski</li>
</ul>
<hr /></div>
<ul>
<li><img src="http://czescimeblowe.hekko24.pl/img/cms/PG/doreczenie.png" alt="doreczenie.png" height="95" width="80" />Chcemy, by Twoje zakupy w naszym sklepie były dla Ciebie wygodne. Dlatego wysłany przez nas towar może trafić bezpośrednio pod Twoje drzwi lub czekać na Ciebie w jednym z tysięcy punktów na terenie całego kraju</li>
</ul>
<div><hr />
<ul>
<li><img src="http://czescimeblowe.hekko24.pl/img/cms/PG/sledzenie.png" alt="sledzenie.png" height="89" width="71" />Twoje zadowolenie jest dla nas najważniejsze. Dlatego nasze zainteresowanie Twoimi zakupami nie kończy się w momencie wysyłki. Monitorujemy wysyłane paczki i Tobie też dajemy taką możliwość!</li>
</ul>
</div>

I kod prawej:

<p><img src="http://czescimeblowe.hekko24.pl/img/cms/PG/dotpay_footer.png" alt="Płatności Dotpay" height="181" width="100" /></p>
<p>Bezpieczeństwo transakcji jest dla nas bardzo ważne, dlatego operatorem płatności elektronicznych w naszym sklepie jest serwis Dotpay. Dotpay oferuje wiele możliwości zapłaty za dokonane zakupy, dlatego każdy znajdzie optymalny i najwygodniejszy dla siebie sposób. Poprzez Dotpay możesz zapłacić: kartą płatniczą<br />szybkim przelewem elektronicznym<br />za pomocą systemu PayPal<br />...a nawet wygenerujesz papierowe polecenie zapłaty</p>