Albo da się to zrobić prosto, albo jednak nie łapię o co chodzi...
Niech ten drugi div (ten z etykietą 'Koszt przesyłki') ma float: right
. I tyle.
Trzeba tylko namierzyć jakoś ten element, tj. napisać odpowiedni selektor. Najłatwiej byłoby użyć jakiejś klasy czy ID, ale w HTML-u ich nie ma. Jeśli nie możesz ich dodać, musisz kombinować.
W CSS3 to prościzna (:nth-child
). Ale żeby zachować większą kompatybilność, można użyć selektora "rodzeństwa", czyli plusika, który działa nawet w IE7:
.xvauction-details > div + div {
float: right;
}
/* przywracamy float: left dla kolejnych divów */
.xvauction-details > div + div + div {
float: left;
}
Zauważ też, że tam nad każdym divem jest jednopikselowy margines. Jeśli go nie chcesz, wyzeruj margin-top
dla elementów .xvauction-details > div
.