Bulk remove embedded paragraph tags?

[Jesse]

Hi all,
I'm working in a project imported from RoboHelp.
I used the following CSS to increase the space between <ol> number and the text:

Code: Select all

li::before
{
	content: "";
	width: 20px;
	display: inline-block;
	
}

But the display: inline-block; causes <ul> items that have an embedded <p> to put the text on a separate line:

UL_paragraph_issue.png

If I delete the unused <p> from <ul> items then they display correctly and are not negatively affected by the display: inline-block;
so wondering if there's a way to bulk remove <p> tags from <ul> items?
Thanks very much

[Psider]

Perhaps you can do it with find and replace elements?
https://help.madcapsoftware.com/flare20 ... rocontent1


Out of curiosity, could you replace your li::before style with:

li {
padding-left: 20px;
}

It seems to do what you want without running in to trouble with inline-block, although I obviously don't know the reasons for your choice.

[Jesse]

Thanks very much for the suggestion.
Good to know about the Find and Replace Elements, although when I look in my version of Flare (2019 r2) I only seem to have the option to "Find Elements", no option to replace.
I tried the suggestion to just add padding-left to the <li> style, but it moves the text over too much for those <li> instances that also still have a <p> inserted.
But I seem to have found a workaround as well, I removed the li:: section and just added <p> to each of my list items and the <p> provides almost the same amount of space that I was specifying in the li:: section.
Seems to work for now, but probably not the most elegant solution, thanks!