Jak wyjść z grid-a w css3

Jak można wyjść z grida, aby można użyć float:left na tekście, aby oplatał zdjęcie?
element 3 jest gridem w gridzie (głowny grid obejmuje wszytkie elemnty)

http://jsfiddle.net/zh4brvot/2/
http://jsfiddle.net/kYDgL/
http://jsfiddle.net/watz5fg8/3/

bartek164 napisał(a):

wyjść z grida

Co masz na myśli?

UPDATE: Jeśli dobrze zrozumiałem, chodzi Ci o coś takiego: https://jsfiddle.net/cmz2817h/1/

chodzi o to że ten img i tekst jest w środku grida, i chciałem po prostu wykonać float, ale skoro te 2 elemnty są w środku grida, nie moge tego zrobić.

Ale czy ten JSFiddle, który pokazałem, to nie to?

no to, ale jakim cudem to działa

To trzeba by sprawdzić w dokumentacji grid, float oraz przepływu elementów na stronie, ale myślę tak ogólnie, że to jest domyślne zachowanie. Pokaż swój kod, zobaczymy, co masz inaczej.

dobra już wiem wszytko, dziękuje bardzo :)) hihihi

Dlatego, ponieważ element <span> jest elementem śródliniowym, więc domyślnie nie używa zdefiniowanej przypisanej mu wyżej własności padding. Jeśli zmieni się go na element blokowy, to wtedy wartość 70px przypisana do jego własności padding zostaje aplikowana i wyświetla się on (w tym przykładzie) 70 pikseli pod górną granicą swojego rodzica.

UPDATE: Więcej na ten temat możesz poszukać tutaj: http://maxdesign.com.au/articles/inline/ Jak widać, padding istnieje (jest aplikowany do elementu), jedynie nie jest uwzględniany w obliczaniu położenia elementu (i innych elementów).