Post by tor on Dec 28, 2020 14:32:53 GMT -8
Hi,
I'm having an interesting problem with "vertical-align" in a table. The preview option in the post shows everything aligned vertically how I would like it (middle), but when I actually post the alignment goes to the top (while the code still reads "middle.")
Here is the table code:
The idea being to have one cell that contains the image and a second cell with the text, with both cells vertically aligned to the middle. Again, it looks fine in the post preview, but that doesn't carry over when the post is actually made. I considered there was a global setting that forced vertical-aligns to the top, but I didn't find anything like that when I looked. Thoughts?
I'm having an interesting problem with "vertical-align" in a table. The preview option in the post shows everything aligned vertically how I would like it (middle), but when I actually post the alignment goes to the top (while the code still reads "middle.")
Here is the table code:
[table style="font-size:11px;border:1px solid transparent;width:100%;text-align:center;"][tbody][tr][td class="post_cell" style="width:30%;border-width:1px;border-style:solid;border-color:transparent;vertical-align;middle;"][img src="https://i.ibb.co/DpqL0sF/Webp-net-resizeimage-6.jpg" alt="" style="max-width:100px;height:100px;border-radius:30%;border:2px solid #5d5d81;"][/td][td class="post_cell" style="width:70%;border-width:1px;border-style:solid;border-color:transparent;text-align:right;vertical-align:middle;"][div style="text-align:justify;"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/div][/td][/tr][/tbody][/table]The idea being to have one cell that contains the image and a second cell with the text, with both cells vertically aligned to the middle. Again, it looks fine in the post preview, but that doesn't carry over when the post is actually made. I considered there was a global setting that forced vertical-aligns to the top, but I didn't find anything like that when I looked. Thoughts?
 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |