HTML Code Block Moving After Saving

I am trying to create bios within light boxes for my website. I have been able to do this successfully. However, after 4 bios, it stopped working. The Lightbox themselves work, but after saving and leaving edit mode, the code box is in the incorrect spot. 

I have no experience in coding for HTML and had looked up how to code most of this. Any help or advice would be much appreciated!

Here is the code that works:

<div style="text-align:center; padding:0;">
<a href="#/" data-featherlight="#bio-name" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View Name's Bio</a>
</div>

<div style="display:none;">
<div id="bio-name" style="text-align:left;">
<img src="link is here" alt="Alt text here" width="568" 
     height="603" style="float:left; padding:15px;" /> <br></br>
<h4>Name is here </h4>
<p>Title is here <br> </br>
  
Bio is here <br></br>

<a href="link"target="_blank">Link Name</a> <br></br>
</p>
</div>
</div>

Here is the code that does not work:

<div style="text-align:center; padding:0;">
<a href="#/" data-featherlight="#bio-name" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View Names's Bio</a>
</div>

<div style="display:none;">
<div id="bio-name" style="text-align:left;">
<img src="link is here" alt="Alt image text" width="300" 
     height="376" style="float:left; padding:15px;" /> <br></br>
<h4>Name</h4>
<p>Title<br> </br>
  
Bio <br></br>

<a href="link"target="_blank">Link Name</a> <br></br>
</p>
</div>

17 hours ago, wave8756 said:

I am trying to create bios within light boxes for my website. I have been able to do this successfully. However, after 4 bios, it stopped working. The Lightbox themselves work, but after saving and leaving edit mode, the code box is in the incorrect spot. 

I have no experience in coding for HTML and had looked up how to code most of this. Any help or advice would be much appreciated!

Here is the code that works:

<div style="text-align:center; padding:0;">
<a href="#/" data-featherlight="#bio-name" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View Name's Bio</a>
</div>

<div style="display:none;">
<div id="bio-name" style="text-align:left;">
<img src="link is here" alt="Alt text here" width="568" 
     height="603" style="float:left; padding:15px;" /> <br></br>
<h4>Name is here </h4>
<p>Title is here <br> </br>
  
Bio is here <br></br>

<a href="link"target="_blank">Link Name</a> <br></br>
</p>
</div>
</div>

Here is the code that does not work:

<div style="text-align:center; padding:0;">
<a href="#/" data-featherlight="#bio-name" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View Names's Bio</a>
</div>

<div style="display:none;">
<div id="bio-name" style="text-align:left;">
<img src="link is here" alt="Alt image text" width="300" 
     height="376" style="float:left; padding:15px;" /> <br></br>
<h4>Name</h4>
<p>Title<br> </br>
  
Bio <br></br>

<a href="link"target="_blank">Link Name</a> <br></br>
</p>
</div>

 

I try the second and it works fine. What is your problem. Can you share the link to the page that has this HTML code

@bangank36 The issue happens when I save my work and go to view it in non-edit mode. It displays the code box in the incorrect spot on the website and not where I had placed it in edit mode. I attached screenshot so you can see.

It's not a public website yet, would I still be able to share the link with you?

7 minutes ago, wave8756 said:

@bangank36 The issue happens when I save my work and go to view it in non-edit mode. It displays the code box in the incorrect spot on the website and not where I had placed it in edit mode. I attached screenshot so you can see.

It's not a public website yet, would I still be able to share the link with you?

 

 

You can share your site with the protected password if it isn't published.