Ich erstelle meinen benutzerdefinierten Assistenten. Ich versuche einfach ein "eingekreistes div" in meine Tabs zu legen. Allerdings sind meine Tabs horizontal während meine cirdcled div sind .. hässlichWarum sind meine eingekreisten div nicht inline mit dem Rest von li?
https://jsfiddle.net/sme79azj/
html:
<ul>
<li>
<a><div class="wizard-steps-number">
<span class="number">1</span>
</div>Step number 1</a>
</li>
<li>
<a><div class="wizard-steps-number">2</div>Step number 2</a></li>
</ul>
Css
ul{
list-style: none;
padding: 0px; }
li {
border: solid 1px lightgrey;
cursor: default;
color:black;
display: inline;
height:82px;
font-size: 12px;
margin: 0px;
opacity: 0.5;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
}
.wizard-steps-number {
border-radius:1em;
border:solid 1px grey;
height:2em;
font-size:2em;
line-height:2em;
text-align:center;
color:black;
white-space: nowrap;
width:2em;}
Vielleicht ein Bild von dem beabsichtigten Ergebnis wissen lassen, wäre sinnvoll. Ich habe Schwierigkeiten zu bestimmen, wofür du im Moment bist. – MassDebates
'hässlich' ist nicht genug der Erklärung auf das, was Sie erreichen wollen –