♨️ Landing 51

Text wrap

• You need to set the width of the element to make the text wrap. Otherwise, it will not wrap.

<p className="max-w-64 break-normal">very very long text. Can use break-all 1 word that is too long.</p>

List item

After adding css for tailwind, the black dot marker of list item is not displayed.

When you use Tailwind’s @apply or global resets, it can override or remove default browser styles for elements like <ul> and <li>. Also, Tailwind’s preflight (its CSS reset) removes default list-style-type from lists.

Solution: <ul className="list-disc pl-6">

ul, ol {
  list-style: disc outside;
  padding-left: 1.5rem;
}