so I signed up here because I have something that drives me crazy. I am sure the answere is pretty straight and simple, but I just can see it...
I want to make a small gallerie for an article, showing screenshots from different video games. The problem: The list wont align correctly with the text within the content div. No matter what I do. text-align: left just gets it to exactly this position, center and right work. It is like it is aligning on the edge of a div, but there is none. Putting it within the needed
tags destroys the text like seen in the picture. Keeping it out of the
tags keeps the text like it should be, but the list is exactly at the same place. I tried inline-block, inline, position: absolute etc, but nothing seems to work. I already tried searched the other div's for problems, but I just can't find anything. Here is the picture
This is the css part:
.gallerie { text-align:left; width: 100%; } .gallerie ul { list-style-type: none; margin: 0px; padding: 0px; } .gallerie li { display: inline; margin: 0px; padding: 0px; }
Can't somehow show the HTML part here, but it's just a simple ul li list with images. The whole thing is simple, but something just doesn't.
Thanks in advance!