-
Posts
-
When lists content wrap the words do not hyphenate automatically so it appears as if the following lines are not aligned with 1st line.
lists in text Element – or lists from advanced layout builder element ?
Can you show an example page?Hi,
Thank you for the inquiry.
Are you trying to add a hyphen to the last word when the sentence breaks to the second line or overflows? There is no default option for this, but you can set the element to break by word instead of characters.
#main li { word-break: break-word; }If this is not what you’re after, please provide a screenshot using platforms like Savvyify, Imgur or Dropbox. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
Ismaelhyphens: auto will break words with a dash : Link
see on “can i use” the support for hyphens auto: https://caniuse.com/mdn-css_properties_hyphens_autoyou can use ismaels css in combination with hyphens
#main li { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }hi @ismael : this is one of the interesting trends of the last time
that pseudo element :hashttps://css-tricks.com/the-power-of-has-in-css/
the first selector that belongs to a parent if a child is present. More and more browser will support it.
and it’s finally time for that. You had to laboriously toggle classes on the parent element via script to get a selector that then takes effect.
- You must be logged in to reply to this topic.