{"id":8314,"date":"2025-04-11T14:40:02","date_gmt":"2025-04-11T14:40:02","guid":{"rendered":"https:\/\/tableberg.com\/?p=8314"},"modified":"2025-04-11T19:13:47","modified_gmt":"2025-04-11T19:13:47","slug":"come-allineare-verticalmente-il-contenuto-della-tabella-di-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/","title":{"rendered":"Come allineare verticalmente il contenuto delle tabelle di WordPress (in alto, al centro o in basso)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Your tables can quickly lose their clarity if the content inside them isn\u2019t properly aligned. Even with a solid layout, uneven cell heights or mismatched content lengths can make your table look unbalanced or hard to scan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vertical alignment will help you ensure every row stays organized by making sure content like text, buttons, or images appear exactly where they should, even when other cells in the same row are taller or shorter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Take a pricing table where one feature list runs longer than the rest, or a team table where one member\u2019s bio stretches out more than others. Without vertical alignment, buttons in the pricing table might sit unevenly, and team member photos could appear misaligned.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is where your choice of consistent alignment will help your table to stay stable. In this article, we\u2019ll walk you through how to apply vertical alignment so you can keep your tables clean and consistent. Time to begin.<\/p>\n\n\n<div style=\"padding-top: var(--wp--preset--spacing--small);padding-bottom: var(--wp--preset--spacing--small);max-width: -moz-fit-content\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-bb85e554-9861-460a-bf83-c670ae1df6ba\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"background-color: #1E1E26; color: #fff; \">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\" style=\"color: #fff; \"><strong>How to Vertically Align WordPress Table Content <\/strong><\/div>\n\t\t\t\t<div class=\"ub_table-of-contents-header-toggle\">\n\t\t\t<div class=\"ub_table-of-contents-toggle\" style=\"color: #fff; \">\n\t\t\t\u00a0[<a class=\"ub_table-of-contents-toggle-link\" href=\"#\" style=\"background-color: #1E1E26; color: #fff; \">hide<\/a>]\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"background-color: #fff; \">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column \">\n\t\t\t\t<ul style=\"\"><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#0-can-we-vertically-align-content-with-the-default-table-block-\" style=\"color: #1E1E26; \">Can We Vertically Align Content with the Default Table Block?<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\" style=\"color: #1E1E26; \">How to Apply Vertical Alignment (Using the Tableberg Plugin)<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#2-step-1-install-and-activate-the-tableberg-plugin-\" style=\"color: #1E1E26; \">Step 1: Install and Activate the Tableberg Plugin<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#3-step-2-insert-a-tableberg-block-into-your-post-or-page-\" style=\"color: #1E1E26; \">Step 2:\u00a0 Insert a Tableberg Block into Your Post or Page<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#4-step-3-add-content-to-your-table-cells-\" style=\"color: #1E1E26; \">Step 3: Add Content to Your Table Cells<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#5-step-4-select-vertical-alignment-from-the-toolbar-\" style=\"color: #1E1E26; \">Step 4: Select Vertical Alignment from the Toolbar<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#6-quick-note-\" style=\"color: #1E1E26; \">Quick Note<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-can-we-vertically-align-content-with-the-default-table-block-\"><strong>Can We Vertically Align Content with the Default Table Block?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unfortunately, the default Table block in WordPress doesn\u2019t support vertical alignment. It only allows plain text inside cells, and there are no built-in settings to align that content to the top, middle, or bottom. This makes it difficult to maintain a clean structure when cell content varies in height.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To overcome this limitation, we\u2019ll use the <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tableberg<\/a> plugin. Tableberg is a block-based table builder that supports vertical alignment and allows you to insert rich content like images, buttons, and icons inside cells. It\u2019s a beginner-friendly solution that gives you more control over your layout without writing any code.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\"><strong>How to Apply Vertical Alignment (Using the Tableberg Plugin)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To apply vertical alignment using Tableberg, you only need a few simple steps. Follow the instructions below to create your table and adjust the alignment exactly the way you want.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-1-install-and-activate-the-tableberg-plugin-\"><strong>Step 1: Install and Activate the Tableberg Plugin<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, install and activate the Tableberg plugin from your WordPress dashboard. Go to Plugins \u2192 Add New, search for \u201cTableberg,\u201d then click Install Now, followed by Activate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png\" alt=\"Install and Activate the Tableberg Plugin\" class=\"has-border-color wp-image-8320\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-2-insert-a-tableberg-block-into-your-post-or-page-\"><strong>Step 2:&nbsp; Insert a Tableberg Block into Your Post or Page<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Navigate or create a post or page, click the block inserter \u201c+\u201d icon, search for Tableberg, and insert the block. Next, choose the number of rows and columns you want to prepare your table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png\" alt=\"Insert a Tableberg Block\" class=\"has-border-color wp-image-8319\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-768x294.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1536x589.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2.png 1769w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-3-add-content-to-your-table-cells-\"><strong>Step 3: Add Content to Your Table Cells<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Continue by adding content to the cells. You can insert text, buttons, images, icons, or any other block inside each cell. By default, every content will be aligned to the middle of the cell.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png\" alt=\"Add Content to Your Table Cells\" class=\"has-border-color wp-image-8318\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2.png 1705w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-4-select-vertical-alignment-from-the-toolbar-\"><strong>Step 4: Select Vertical Alignment from the Toolbar<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select the particular cell that you\u2019re waiting to align. Subsequently, click on the cell border to bring up the block toolbar.&nbsp; In the block toolbar that appears, click the Vertical Align icon and choose from Top, Middle, or Bottom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png\" alt=\"Select Vertical Alignment\" class=\"has-border-color wp-image-8317\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1.png 1692w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"6-quick-note-\"><strong>Quick Note<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll see the effect of vertical alignment more clearly when a cell has extra vertical space. Also, since every content block inside a Tableberg cell has its own alignment controls, you can fine-tune the placement by aligning text to the bottom and positioning a button to the right for more precise layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png\" alt=\"Combine cell alignment with content alignment\" class=\"has-border-color wp-image-8316\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-768x491.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2.png 1083w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"7-conclusion-\"><strong>Conclusion<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">When table content looks misaligned, even the most well-structured layout can feel messy. Vertical alignment gives you the control to fix that by keeping everything in order, whether it&#8217;s a long text block, a centered button, or rows with uneven content. While the default Table block falls short in this area, Tableberg makes it easy to align content exactly where you want it without needing code or complicated steps. With the help of a few clicks, you can create cleaner and more consistent tables that look good on any screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also Read: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/how-to-horizontally-align-wordpress-table-content\/\">How to Horizontally Align WordPress Table Content (Left, Center, or Right)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/how-to-align-tables-in-wordpress\/\">How to Align Tables in WordPress (Left, Center, or Right)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/how-to-align-text-in-wordpress\/\">How to Align Text in WordPress<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Your tables can quickly lose their clarity if the content inside them isn\u2019t properly aligned. Even with a solid layout, uneven cell heights or mismatched content lengths can make your table look unbalanced or hard to scan. Vertical alignment will help you ensure every row stays organized by making sure content like text, buttons, or [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8315,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-8314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Vertically-Align-WordPress-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=8314"}],"version-history":[{"count":13,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8314\/revisions"}],"predecessor-version":[{"id":8349,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8314\/revisions\/8349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/8315"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=8314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=8314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=8314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}