I’m guessing that margin.

 
Rega: Can I append a text to an inputtype=submit, using :after?

Rega: Oh, must be a button maybe.

Loeurm: Eddins: http://pastebin.com/m7cS8xLm

Tinn: Anyone familiar with a free ui simple sketch tool.want to sketch user intefaces/ideas before i implement

Eddins: Anli: you’ll find that form elements cannot use ::after or ::before

Eddins: Sl33k: paper/pencil ?

Rega: So I will need a button with a span inside then

Tinn: Hey Eddins.i only have pen and paper, and i keep wasting the papers. prefer something with a simple erase feature

Eddins: CTCB: that would be working fine, but inside you have a .container with a width of 1200px, which pushes it out to the left

Eddins: Sl33k: pencil/paper/eraser ?

Kuzemchak: Eddins: How do I fix that? I mean, I thought setting the Z-Order would stop that.

Eddins: The child .container has that width – pushing the width of the parent to 1200px

Thalman: I have an issue with transform and rotate on an iPad when its displayed as an iframe. Could anyone help me with this? Code: http://jsfiddle.net/f33syym8/1/

Lamber: Embed view in Chrome on desktop works fine: https://jsfiddle.net/f33syym8/1/embedded/result/

Wolk: The same on the ipad doesnt work

Delhoyo: If works tho if the code is place by itself but not in an iframe.

Lemaitre: It adds the cl*** but front doesnt show up.

Neuenswander: Https://jsbin.com/boguqobubu/edit?html,css,output why is padding on .shout-btn not doing anything?

Buttrum: I mean I can’t add any padding

Eddins: Arnas: try giving it a border as well

Malenke: Eddins, it worked, but it changed whole btn’s color to grey o.O

Diamantopoulo: Eddins, but why did that help?

Sanroman: How can I make inside numbering like 1.1, 1.2, 2.1 , 2.2 etc

Courtad: Http://codepen.io/anon/pen/gaPJdj

Doogan: Http://jsbin.com/qigadekaka/edit?html,css,output and why are those input boxes not aligned with the “shouts” div on the right side? I mean they’re aligned on jsbin, but if I launch the website on a browser, they aren’t aligned :

Eddins: Wowk: are you asking that for a reason?

Eddins: Arnas: link to the page that is not working as expected?

Eddins: Arup_r: what did you try?

Dibble: Eddins, I’m working on a localhost

Dhosane: I tried in the codepen I liknked

Eddins: Arup_r: there is no CSS in there to manipulate counters

Poock: Eddins: I am loosing connection more than usual today sorry

Kerfoot: Eddins: *losing sorry

Eddins: Ok — did you ping me for a reason?

Dupes: I have a textbox and a button in a row together. the button has a box shadow effect. when the button is pressed, i’m removing the shadow, to give the effect of it being pressed, via button:active. But, this causes the textbox to also jump

Uhri: Eddins: I have this item filtering thing customized. http://codepen.io/chtsrl/pen/MaKdzY

Nida: How can i get only the button to look pressed, but the textbox to stay in place?

Zabielski: Eddins: I am trying to make those boxes look like this one http://codepen.io/chtsrl/pen/epJbgj but I fail everytime.

Visosky: VoidDotCl***, Always provide a link to a *live* page or pared-down testcase so we can see the problem in action. Looking at code or images alone usually isn’t very effective. Also see paste and testcase.

Eddins: Wowk: maybe someone else can help – i have to go

Guarnieri: Eddins: hope so : thank you

Fussell: Eddins: hmm, it isn’t online right now. but its a simple bootstrap site, an input type=text and button are aligned, the button has box-shadow: 0 3px 0 0 #753E11; button:active has {box-shadow: none; margin-bottom: -3px; margin-top: 3px;}

Julsrud: I’m guessing that margin thing is the issue, when the button is pressed, it causes the textbox to also jump a bit