Marketing Email HTML Problem Buttons Equal Level

Like (0) Share

Report

Posted on 14 Nov 2022 17:56:03 by Sluedeke

Hey Guys.

I have a challenge with the marketing email editor (HTML & CSS)

Basically there is a two column section. Each column has text and a button underneath the text. The Text can varies in length and according to that the buttons postions are moving (depending on the textlength).

Does anyone know how to level the buttons always on the same height/level? I tried several things like different types of flexboxes, modifying the table structure (whcih is of course not recommended by MS Support).

I Attached the HTML File..

[View:/cfs-file/__key/communityserver-discussions-components-files/768/MarketingEmailSample.html:600:240]

All responses (1)

Answers (0)

Suggested answer

Jelena Rajkovic on 02 Dec 2022 at 15:17:22

Like (0)

Report

RE: Marketing Email HTML Problem Buttons Equal Level

Hey.

One suggestion would be to add empty rows bellow smaller text, so the text elements have the same height. You can use Enter to add new paragraphs or Enter Shift to add just double <br> elements.

Other option is to use 2 sections, remove bottom border on the first and top border on second section and unselect option "Wrap columns on mobile" on both sections. But this will make the columns in the same row on mobile:

Here is the code:

    
    
    My Email Subject
    
    
    
    
    
    
    
    
    
    
    





        
            
                
                    
                        
                            
                                
                                    
                                        
                                            
                                                
                                                    
                                                        
                                                            1.
2.
3.

                                                            
                                                        
                                                    
                                                
                                            
                                        
                                        
                                            
                                                
                                                    
                                                        
                                                            1.
2.
3.
4.


                                                            
                                                        
                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    
                
            
        

            
                
                    
                        
                            
                                
                                    
                                        
                                            
                                                
                                                    
                                                        
                                                            
                                                            Button
                                                        
                                                    
                                                
                                            
                                        
                                        
                                            
                                                
                                                    
                                                        
                                                            
                                                            Button