Some Css Question

http://demo.cs-cart.com/stores/ecf19f28fc1eb47a/video-games/x-box-one/x-box-one/

Why adding class span8 to following

Ex

and

pushes

go below
and not next to each other?

I am removing all possible margins, edit

.ty-product-block__note {
    position: absolute;
    right: 0;
    padding: 21px 0 0;
    width: 200px;
    line-height: 140%;
    color: #798d8e;
}

remove width, change position to relative, remove right and so on. Any ideas what am I missing? This change would be enabled for @media (min-width: 1224px) only

I'm going to guess that span8 has a higher precedence for "selection" than ty-product-block__left.

Note that the order they are in within the class attribute is irrelevant and has no impact on precedence.