how to wrap html elements like text

What is the site url?

Hi All,

Thanks for your response.

I am using Reactjs to write the front-end code.

the site link is http://tsmigration.nt.gov.au/10070/840185, please click "show more details" to see the related links which has a ";  ".  I am not using CSS, to display semicolons, I am using just the source code { "; "} in Reactjs.

below is the sample code

<div key={index} className="clickableLinkDiv">
                      {clickableLinkFromKeyVal(metaKey,value_url,value_txt)}
                      {/*(value_txt) ? (value_txt) : null*/}
                      {(index < (metaValue.length - 1)) ? ('; ') : null}
                      &ensp;
                    </div> 

Select allOpen in new window

you can see '; ' in line 4 how I display semicolons with Reactjs

The link should actually be http://tsmigration.nt.gov.au/10070/840185

You had a comma at the end and it was not working

@scott, I want the ";' should not to be in a separate next line, I want it to be next, or to be at the end of the collection (end of anchor tag). Please see below, you can see from the following site url ( http://tsmigration.nt.gov.au/10070/840185) and by clicking show more details.

Related links:PictureNT : PH0425/0050, "USS Peary", World War II Collection;  the semicolon at the end of collection is at the next line.  You can see in related links and ';' is at the next line.  Please suggest how to fix this.

Hi Michel,
        Thanks for your solution.  It is working now. I am able to fix the problem from your idea.

Thank you all