Hallo Leute,
ich generiere über PHP u.a. zwei labels und bekomme es einfach nüscht gebacken, den Abstand zwischen den labels zu verkleinern. (s.Anhang labels.png)
Eigentlich müsste die CSS-Anweisung
meine Intention bewerkstelligen.
Tut es aber nüscht. Vermutlich, weil eine andere CSS-Regel mächtiger ist?
Weiß jemand Rat?
Hier der CSS-Code
und hier der durch php generierte HTML-Code
ich generiere über PHP u.a. zwei labels und bekomme es einfach nüscht gebacken, den Abstand zwischen den labels zu verkleinern. (s.Anhang labels.png)
Eigentlich müsste die CSS-Anweisung
CSS:
line-height: 25px;
Tut es aber nüscht. Vermutlich, weil eine andere CSS-Regel mächtiger ist?
Weiß jemand Rat?
Hier der CSS-Code
Code:
<style>
.box {
float: left;
width: 15%;
margin-right: 2%;
padding: 20px;
background: #eee;
box-sizing: border-box;
}
.box:last-child {
margin-right: 0;
}
label{
display:block;
text-indent:2.5em;
line-height: 25px;
font-weight: 500;
float:right;
}
</style>
PHP:
<?php for ($i = 0; $i < count($geschlecht); $i++) {
if ($geschlecht[$i] == 1) {
?><div class="box"> <?= Html::img($url_symbol_male, ['alt' => 'pic not found', 'title' => 'männlich', 'style' => 'width:35px;height:55px']); ?>
<?= "<label style='font-weight: lighter';>" . $name[$i] . "</label>" ?>
//dieser Abstand soll verkleinert werden
<?= "<label>" . $Zieladressen[$i] . "</label>" ?></div><?php
} else if ($geschlecht[$i] == 2) {
?><div class="box"><?= Html::img($url_symbol_female, ['alt' => 'pic not found', 'title' => 'weiblich']); ?>
<?= "<label style='font-weight: lighter';>" . $name[$i] . "</label>" ?>
<?= "<label>" . $Zieladressen[$i] . "</label>" ?></div><?php
} else if ($geschlecht[$i] == 3) {
?><div class="box"><?= Html::img($url_symbol_bi, ['alt' => 'pic not found', 'title' => 'Transgender']); ?>
<?= $name[$i] ?>
<?= "<label>" . $Zieladressen[$i] . "</label>" ?></div><?php
}
}