I have bullet list:
<ol className="graphkregular mt-2" style={{ display: "listItem" }}>
<li>
<small>{popupData.content[0].split("\n").join("\n")}</small>
</li>
<li className='mt-2'>
<small>{popupData.content[1].split("\n").join("\n")}</small>
</li>
</ol>
after changing line height and display bullets go down:
small {
line-height: 1.4em;
display: inline-block;
}
how to fix this:
CodePudding user response:
Try removing margin top from ol tag's classname
CodePudding user response:
Just remove display: inline-block;
from small tag.