1.0Blog - Silicon Cloudhttps://www.silicloud.com/blogIsabella Edwardshttps://www.silicloud.com/blog/author/isabellaedwards/rich600338<blockquote class="wp-embedded-content" data-secret="bHZJ5BaQfG"><a href="https://www.silicloud.com/blog/explanation-and-usage-of-vertical-align/">Explanation and usage of Vertical-Align</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.silicloud.com/blog/explanation-and-usage-of-vertical-align/embed/#?secret=bHZJ5BaQfG" width="600" height="338" title="“Explanation and usage of Vertical-Align” — Blog - Silicon Cloud" data-secret="bHZJ5BaQfG" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://www.silicloud.com/blog/wp-includes/js/wp-embed.min.js /* ]]> */ </script> Vertical-Align is a CSS property used to set the vertical alignment of elements, typically inline elements or table cells. The principle of this attribute is to achieve vertical alignment by changing the line height of elements. Specifically, when the Vertical-Align property is set, the line height of elements will be adjusted based on the specified […]