Hallo,
ich habe eine Problem mit der Ausrichtung meiner Listen.. Ich habe versucht meine Listen so auszurichten, das die Listenpunkte genau untereinander sind, was mir leider nicht gelungen ist.Wenn ich margin einen festen Wert zuordne um die Listen Manuell auszurichten, verschieben sich leider meine ganzen Listen auf dem Handy. Ich habe mittlerweile keine ahnung mehr was ich machen kann und brauche Hilfe.Ich möchte das meine Listen ausgerichtet sind und einen kleinen Abstand voneinander haben. Je nach Endgerät sollen so aus z.b 3 Listen nebeineinander nur 2 werden.
Im Anhang ist ein Bild von den Listen.
Hier mein code:
<div style="float: left;">
[su_list icon="icon: angle-right"]
<ul>
<li><a href="http://xscaping-rooms.de/escape-rooms-berlin/">Berlin</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-bonn">Bonn</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-bremen/">Bremen</a></li>
</ul>
[/su_list]
</div>
<div style="float: left;">
[su_list icon="icon: angle-right"]
<ul>
<li><a href="http://xscaping-rooms.de/escape-rooms-berlin/">Darmstadt</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-bonn">Dresden</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-bremen/">Düsseldorf</a></li>
</ul>
[/su_list]
</div>
<div style="float: left;">
[su_list icon="icon: angle-right"]
<ul>
<li><a href="http://xscaping-rooms.de/escape-room-frankfurt/">Frankfurt</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-freiburg/">Freiburg</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-hamburg/">Hamburg</a></li>
</ul>
[/su_list]
</div>
<div style="float: left; clear: both;">
[su_list icon="icon: angle-right"]
<ul>
<li><a href="http://xscaping-rooms.de/escape-room-mannheim/">Mannheim</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-muenchen/">München</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-nuernberg/">Nürnberg</a></li>
</ul>
[/su_list]
</div>
<div style="float: left;">
[su_list icon="icon: angle-right"]
<ul>
<li><a href="http://xscaping-rooms.de/escape-room-hannover/">Hannover</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-koeln/">Köln</a></li>
<li><a href="http://xscaping-rooms.de/escape-room-leipzig/">Leipzig</a></li>
</ul>
[/su_list]
</div>
<div style="float: left;">
[su_list icon="icon: angle-right"]
<ul>
<li><a href="http://xscaping-rooms.de/escape-room-stuttgart/">Stuttgart</a></li>
<li>...</li>
<li>...</li>
</ul>
[/su_list]
</div>