Calvillo: thanks, although.

 
Wigger: For the sake of learning, why does margin: 0 auto not work here?

Bludworth: Nemo: thanks let me try

Marrett: Jerv: well, not going to position it vertically, but my other guess is your anchor isn’t defined as a block element

Marrett: And possibly doesn’t have a width even if it was

Donaghey: Squeakytoy what if you make B child of A ?

Marrett: Jerv: but anchors are inline by default

Farrior: Squeakytoy oh, hold, fixed position? not relative?

Czaplewski: Nemo: yeah I’d expect display: block; margin: 0 auto; to work in that case

Seabold: But be relative towards A

Magruder: Squeakytoy but you want it to be relative to viewport as well

Resendes: It will be either relative to one or to the other, can’t be both

Treiber: Nemo: can’t seem to get it right with positioning

Crabb: Squeakytoy if B is has left:0, you want it to be 0pixels from A or from viewport?

Arreola: So, use position: relative; not fixed

Innocent: But then its not fixed when scrolling

Naeve: Squeakytoy If you scroll, A will scroll and B wont, is that right ?

Medford: I mean, is that what you want

Gumprecht: Scot, yes, B should be fixed

Macconaghy: You want it to be “initially” positioned on “A” but then switch so it doesn’t scroll? otherwise I can’t even imagine the effect you want.

Ketelaar: If it follow A it doesnt follow viewport, and if it follows viewport it wont follow A, there’s no sense on making it relative to both at the same time

Mangiapane: Scot, its more like the left should be relative to A, top fixed

Neiswoger: Ah, that makes more sense

Hirota: Scot, but yea, initially also works

Timme: Squeakytoy try something like this to see if it helps: http://jsfiddle.net/g5gk4pLn/3/

Zajc: Http://jsfiddle.net/1nur313d/

Buote: Stole that from a stackoverflow answer :

Paskell: Yea, it doesnt use ‘left’, i read something similar to that too

Dys: I’ve made a small fiddle of the centering problem I’m trying to solve, if anyone can take a look: https://jsfiddle.net/vno7xxj5/

Davirro: There’s no position-vertical or position-horizontal to do it properly, you have to trick it somehow

Mayala: Is it possible to glue an element to the bottom of its container but not have it overlap with other content of the container?

Addario: Jerv how about this https://jsfiddle.net/vno7xxj5/1/ ?

Graffagnino: The width:100% might not be necesary

Martinetti: I have a very long line of non-whitespace text, how do i make it wrap ?

Brzuchalski: Zap0: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

Marrett: Zap0: that being one of the few handy pieces of CSS introduced by Microsoft – works even in IE6

Yoshimori: There should be a donation or tip system

Berrett: So i could paypal people 3-5 usd

Kennerly: Can someone explain why these floats aren’t clearing each other? http://jsfiddle.net/y6e79h71/2/

Marrett: Squeakytoy: I accept bitcoin 😝

Laible: I get a diifferent result whem adding “clear:left/right” to the different sides http://jsfiddle.net/y6e79h71/3/

Calvillo: L8D: http://jsfiddle.net/Calvillo/y6e79h71/5/

Crofts: Calvillo: I meant that I wanted them side-by-side in the correct order

Calvillo: You should have one container for each float

Schrieber: Calvillo: is there any way to do it without columns though? I’d prefer to keep each individual element on the same level, so that they will have a different linear order when displayed on mobile

Dukeshier: Calvillo: thanks, although that leads me to just using the columns approach since flexboxes aren’t supported in common mobile environments :/