Comments on: vertical-align https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 05 Jan 2022 05:14:30 +0000 hourly 1 https://wordpress.org/?v=6.1.1 By: Brad Dalton https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1787871 Wed, 05 Jan 2022 05:14:30 +0000 http://css-tricks.com/?page_id=14132#comment-1787871 Or try :
display: grid;
align-items: center;

]]>
By: Sarahkins https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1770507 Mon, 05 Apr 2021 21:08:36 +0000 http://css-tricks.com/?page_id=14132#comment-1770507 In reply to Jon.

I was wondering the same thing and came across this response from Code Academy:

https://www.codecademy.com/forum_questions/51f232fe631fe94cb9000f5d

From the sounds of it, this used to be a caution in old timey web development, like 15-20 years ago. So the warning still exists in some editors today, but it’s really nothing to worry about!

]]>
By: Jon https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1755463 Wed, 01 Apr 2020 21:16:16 +0000 http://css-tricks.com/?page_id=14132#comment-1755463 Why does the code not work if we don’t use > * (star selector)?

Elementor is giving me this warning: The universal selector (*) is known to be slow.

Some insight into the above 2 points would be appreciated. Thank you in advance.

]]>
By: Geoff Graham https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1752576 Wed, 13 Nov 2019 22:20:50 +0000 http://css-tricks.com/?page_id=14132#comment-1752576 In reply to dk Mo.

You could do something like this:

Or, if the container starts in the middle of the page and you want it to stick when it reaches the top, here’s an example (though you’ll need JavaScript):

An Explanation of How the Intersection Observer Watches

]]>
By: dk Mo https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1752569 Wed, 13 Nov 2019 17:39:25 +0000 http://css-tricks.com/?page_id=14132#comment-1752569 How is can a container be fixed to the top of the webpage, so it wont disappear if the webpage is being srolled down (in css)

]]>
By: Grant https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1609712 Thu, 29 Jun 2017 17:48:38 +0000 http://css-tricks.com/?page_id=14132#comment-1609712 In reply to Mark.

I pretty sure you just mistyped, but it says it needs to be set ‘along’ a baseline. This means that the element that you want to vertically align needs a surrounding element with which to align itself with in some way. For instance, if you have an inline <img> element (image element) within a <p> element (paragraph element), the text of the paragraph would be considered a baseline that you can vertically align the image with. You can’t simply stick an image inside of a <div> element and then try to move the image within that element with the vertical-align property. It won’t do anything. Now if you did:

<div>
  Hello World! 
  <img>
</div>

You use the text ‘Hello World!’ as a baseline around which you align your img. This is an old question, I know, but hopefully this helps someone in the future.

]]>
By: Mark Robinson https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1597726 Tue, 27 Oct 2015 11:52:23 +0000 http://css-tricks.com/?page_id=14132#comment-1597726 In reply to Mark.

alone should be along

]]>
By: Mark https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1596532 Sat, 22 Aug 2015 21:24:40 +0000 http://css-tricks.com/?page_id=14132#comment-1596532 What does “In order for this to work, the elements need to be set alone a baseline.” mean??

Even with the example, for people learning CSS, this sentence does not make sense. The problem is not what baseline means, its the grammar of the sentence that throws everything off.

Can you please explain?

]]>
By: Lee T https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1596452 Tue, 18 Aug 2015 14:36:12 +0000 http://css-tricks.com/?page_id=14132#comment-1596452 In reply to Bud.

Star hack to target all children the next level down

]]>
By: Bud https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1596336 Fri, 07 Aug 2015 23:15:30 +0000 http://css-tricks.com/?page_id=14132#comment-1596336 What is the reason for > * following the class selector in the css rule on the demos?

]]>
By: Nezar Fadle https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1592407 Fri, 06 Feb 2015 05:14:20 +0000 http://css-tricks.com/?page_id=14132#comment-1592407 Thanks for the amazing article :)

How come the property name is vertical-align and a few of the property values starts with text ( text-top, text-bottom )

What a naming convention :(

]]>
By: Daneeshgah https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1587302 Fri, 05 Dec 2014 14:21:04 +0000 http://css-tricks.com/?page_id=14132#comment-1587302 Thanks, very helpfull

]]>
By: Devilal https://css-tricks.com/almanac/properties/v/vertical-align/#comment-1584867 Mon, 01 Sep 2014 07:41:58 +0000 http://css-tricks.com/?page_id=14132#comment-1584867 Nice explanation. Thanks.

]]>
By: Srvnk https://css-tricks.com/almanac/properties/v/vertical-align/#comment-551257 Wed, 18 Sep 2013 19:09:41 +0000 http://css-tricks.com/?page_id=14132#comment-551257 thanks, your lecture works great..

]]>
By: Nick Mitchell https://css-tricks.com/almanac/properties/v/vertical-align/#comment-193540 Wed, 26 Sep 2012 07:29:43 +0000 http://css-tricks.com/?page_id=14132#comment-193540 Hey Guys, Checkout Chris’ artical on Vertical-align here: https://css-tricks.com/what-is-vertical-align

N

]]>