Avatar of coder
coder
Flag for Australia 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. 

* css3HTMLReact

Avatar of undefined
Last Comment
coder

8/22/2022 - Mon
SOLUTION
Michel Plungjan

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
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
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
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

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
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