Hi everyone!

I am creating two buttons. Each of these buttons contains both a span and an img (this way I can have both a text and an image).

I will change some things (font size, button's height), but there is one point I wanna change and I tried without success.

I wanna have the spans at the (vertical) middle of the button (instead to be at the top).

And, ideally, I'd like to have them, for the horizontal alignment, at the middle of the free space (so middle without taking account the picture). For this point, I am pretty sure I can easily solve it with a text-align: center;

But so, how can I make the vertical alignment?

Thanks in advance for answers.

Would you like to have a course that multiple people can take part in and learn the basics, and learn CSS together. Something like /r/learnjavascript used to do?

I really want to get this subreddit going and this could be a fun thing to do to kick it off, for people who ant to teach or be taught.

Tell me what you think!

EDIT: With endless exams and assignments, unfortunately I don't have time to do a full blown tutorial on CSS :[ BUT if anyone is willing to do this themselves go right ahead, you have my permission! I'll give you a flair as a "CSS Teacher" :D Check the comments for some cool links to learn from! I could do a short intro to if you guys really want me to.

Would anyone mind hooking me up with a base list of CSS variables that you typically have for every project? Like a starter template that you fill in based on the the needs of the project? I just can’t seem to find the balance between just the vars I need for the ‘theme’ and not repeating values all over the place, if that makes sense.

Hi all. I’m getting back into coding and want to refresh my beginner knowledge of css.

Before I was learning divs and floats with media queries for layout.

I’ve been using Codecademy and they’ve introduced grid and flexbox to me.

I’m wondering which method of layout I should use/start to refresh on?

What’s worth learning in layout terms within css?

Cheers

I've been using CSS for years, but as a full stack developer I've never learned much more than I had to to get things done. Now I'm ready to specialize in front end and want to figure out how go from (maybe) intermediate CSS knowledge to expert knowledge. I want to fully understand things like specificity and every possible combinator, custom properties, shapes, shadow dom, etc. and I don't want to waste time reviewing the intro level material I already know.

What are the books or courses or sites that will get me there efficiently?