How can I correctly set up a bullet list in HTML or CSS?

Store Design
1

Hello. Please help me how setting a bullet list in HTML or CSS. Why is longer text always under bullet points and short text good versus to bullet list..

Screenshot 2023-06-19 141438.png
Screenshot 2023-06-19 141438.png1198×1193 110 KB

2

@JohnSmi7

Please share your store URL!

Thanks!

3

https://creathot.com/products/usb-motion-sensor-led-night-light

4

@JohnSmi7

Please add the following CSS code to your assets/theme-custom.css bottom of the file.

.product-description-tab .description-review-text .tab-pane ul li {
    text-wrap: nowrap;
}

Thanks!

5

@JohnSmi7

The second solution for you

Please add the following CSS code to your assets/theme-custom.css bottom of the file.

.product-description-tab .one-half-column-left {
    width: 60% !important;
}

.product-description-tab .one-half-column-right {
    width: 30% !important;
}

Thanks!

6

Thanks, but want to stay two columns 48% left and 48% right.. :confused:

7

@JohnSmi7

you are satisfied with my answer!

if any other problem please Welcome come to the Shopify community.

I can help you!

Thanks!

8

I want to stay in two columns 48% and 48%. Can improve?

Screenshot 2023-06-19 151046.png
Screenshot 2023-06-19 151046.png2533×1120 237 KB

9

@JohnSmi7

Please try The second solution.

otherwise, edit your product description and add br tag for the new line

Thanks!

10

Ok, Thanks so much!

11

@JohnSmi7

Third solution

Please add the following CSS code to your assets/theme-custom.css bottom of the file.

.description-review-text.tab-content span {display: revert !important;}
.product-description-tab .description-review-text .tab-pane ul li {text-wrap: wrap !important;}

Thanks!

12

Yeah, this work. wow good job! Very thanks! Bro