asked on

how to wrap html elements like text

Hi Experts,

How to wrap html elements like text. Please see the below screen shot

After word collection, there is a ";" below collection. I want the semi-colon be next to the word collection both different html elements. Please advise how it can be done.

SOLUTION

Michel Plungjan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Scott Fell

What is the site url?

coder

ASKER

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>

Open in new window

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

Scott Fell

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

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

coder

ASKER

@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.

ASKER CERTIFIED SOLUTION

Michel Plungjan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

coder

ASKER

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

Thank you all