Here is the content I am trying to add with a function:
I am adding content dynamically. When I have two <a tags together, even if I use or <br /> the a tags write over each other.
What am I doing wrong?
strAppend = '<div align="center" id="divImg' + i + '" class="slide" > <a class="imgLink" href="#">link 1</a> <a class="imgLink" href="#">link 2</a> <br /> <img id="img' + i + '" src=' + pal[i] + ' alt="" style="width: 1000px"/> </div>' $('#vid').append(strAppend);
we couldn’t tell you with out knowing the css used.
I have tested the code you posted.
Without the css style ,it worked very well.
You can press F12 ,click the DOM Explorer tab. check the style.
I suggest that you remove the class="side" which may has impact on adding the spaces and lines breaks.
It was that I had the links set with absolute positioning, so margins had no impact and aligning center put them overlapping. Thanks for the effort.