Archived topic
Fix bullet indent on items where text wraps around image
7 replies · Started by jasper on March 2, 2021
Hello,
When I have bulleted text that wraps around an image, the bullet points are indented like they are in a regular paragraph. Is it possible to fix that?
Example - when there is an image to the left and the text is wrapped around it, it looks like this -
Title (is indented for some reason and we don't want it to be)
- Top level topic 1
- Indent 1
- Indent 2
- Indent 3
- Top level topic 2
- Top level topic 3
- Indent 1
- Indent 2
- Indent 3
And it should look like it does in a regular paragraph without image wrap.
Title
- Top level topic 1
- Indent 1
- Indent 2
- Indent 3
- Top level topic 2
- Top level topic 3
- Indent 1
- Indent 2
- Indent 3
Here is a test page in the private information section -
Thank you so much!
Hi there,
The username and password didn't work for me.
Please confirm.
Thanks!
I am sorry - I thought I tested it. Please try this.
Hi Jasper,
Have you tried using column to achieve the layout?
The current structure of your content is causing the issue.
Hi, Ying -
I was trying to use just a regular editor window so that the client would have an easier time updating it themselves later.
Using columns as Ying suggested would be the best solution.
The current structure of the image being wrapped inside the <h2> isn't very normal.
You are right - the h2 should not have surrounded the image - that was by accident. I have removed the h2 tag completely, but the indentation with an image there still causes the indentations to be different. I am not seeing any extra code around the bullets.
Thanks!
This is because that image is using float: left;, it is fixed when I remove the float:
https://www.screencast.com/t/yjvoZf3yUO
Using columns is the best solution here.
