✔ Liste Horizontal?

[Layna]

Hallo.
Gibt es eine vernünftige möglichkeit Items mit der Eigenschaft display: list-item soweit es geht NEBENeinander dartzustellen?
float: left führt leider zu Überlagerungen, die ich natürlich nicht will.

Bisheriger Ansatz:

#Gewerk {
	padding-bottom: 20px;
	font-size: medium;
	color: #FFB731;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	float: none;
}

#Gewerk span {
	display: list-item;
}

<div id="Gewerk">
 <span>Alles aus einer Hand</span><span>Zusammenarbeit mit anderen Gewerken</span></div>

Ist nicht Akut (sieht auch untereinander gut aus... vermutlich sogar besser), aber die Möglichkeit interessiert mich jetzt schon ^^.

 

[Radhad]

So ungefähr verwende ich das:

li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}

Dies verwende ich mit unsortierten Listen um sie als Navigationsleiste darzustellen, dürfte auch mit SPAN gehen, musst du mal testen

Gruß Radhad

 

[Maik]

Hi,

verwende doch das Listenelement:

#Gewerk li {
   display:inline;
}

/* oder */

#Gewerk li {
   float:left;
}

<ul id="Gewerk">
   <li>Alles aus einer Hand</li>
   <li>Zusammenarbeit mit anderen Gewerken</li>
</ul>

 

[Layna]

Hi,

verwende doch das Listenelement:

Manchmal sollte ich echt einmal alles vergessen und neu Anfangen.... danke jedenfalls, vor lauter CSS war mir der Gedanke für etwas dass wie eine Liste aussieht auch ein Listenelement zu verwenden total Entfallen :suspekt:
Jedenfalls danke, das Ding tut jetzt was und wie es soll ;-)