Archived topic
Anker tag causes images to stack on top of each other
3 replies · Started by Philipp on January 23, 2020
[Premium Customer here]
I used the template of one of the home sections and exchanged the content in the section. The buttons aligned next to each other responsively exactly as I wanted them to be. Then I added links to the images with an tag and now the images stack on top of each other instead of next to each other. What can I do to make them align next to each other again?
Thank you!
Hi there,
did you remove the anchor tags ? If so can you add them back in so i can take a look.
Hi David,
Somebody helped me and put the following code into the section. Not sure if that is the best way to do it but it seems to work so far.
<h1 style="text-align: center;">The Most Effective Sleep Music For Babys & Adults</h1>
<h3 style="text-align: center; padding-top: 20px; padding-bottom:20px;">Our unique 3-Phase Technology assures the perfect alignment between the intensity of the music and your state of mind</h3>
<div class="home-intro media-links" style="display: flex; ">
<p class="media-links"><a href="https://open.spotify.com/artist/3dSRn0Oz20PgVuC1aErQmk?si=i-QHtQdMR66h9iwrI3__fw" target="_blank" rel="noopener noreferrer"><img src="https://www.sleep-music.co/wp-content/uploads/2020/01/Spotify_button_100.png" alt="" width="241" height="90" /></a>
<a href="https://music.apple.com/us/artist/sleepmee/1395201187" target="_blank" rel="noopener noreferrer"><img src="https://www.sleep-music.co/wp-content/uploads/2020/01/Apple_button_100.png" alt="" width="241" height="90" /></a>
<a href="https://sellfy.com/sleep-music-co" target="_blank" rel="noopener noreferrer"><img src="https://www.sleep-music.co/wp-content/uploads/2020/01/Download_button_100.gif" alt="" width="241" height="90" /> </a></p>
</div>
<h3 style="text-align: center;"><em>available on all major music platforms</em></h3>
The old problem was probably some broken HTML.
That new HTML looks good to me.
Glad you got it resolved.
