Cześć,
chcialbym ostylować kontener w którym mam labele i buttony. white-space: pre-line działa na wszystko i przyciski są pod sobą, a chciałbym, żeby były obok siebie.
Istnieje jakiś zamiennik do tego? Nie działa white-space normal, ani unset, ani all unset, nic.
Poniżej przykładowy kod:
https://jsfiddle.net/qz57rtbw/
Nie do końca rozumiem Twoje pytanie, więc może odpowiedź nie będzie tym, czego chcesz, ale zobacz coś takiego - https://jsfiddle.net/evdt4qm7/
<div class="labels">
<label>pierwszy</label>
<label>drugi</label>
<label>trzeci</label>
<label>czwarty</label>
<div class="przyciski">
<button type="submit">submit</button>
<button type="submit">submit2</button>
</div>
</div>
.labels {
white-space: pre-line;
}
button {
display: inline;
}
.przyciski {
white-space: normal;
}
cerrato napisał(a):
Nie do końca rozumiem Twoje pytanie, więc może odpowiedź nie będzie tym, czego chcesz, ale zobacz coś takiego - https://jsfiddle.net/evdt4qm7/
taki typ zadania, że nie można edytować htmla. w jednym divie wszystko - takie zasady. jakby się dało tak zrobić to dawno bym miał gotowe :)
pokaż ten html który chcesz ostylować i wskaż które elementy jak mają wyglądać
A jakby to zrobić tak, jak podałem poniżej, to będzie OK? Nie ruszałem HTML, jedynie grzebałem w CSS - https://jsfiddle.net/kLsqfyv7/2/
button {
white-space: unset;
display: inline-block;
}
input {
display: block;
}
"Nie chce mi się narysować, jaki efekt chcę uzyskać, więc liczę na to, że ktoś z was zgadnie, a później pokaże mi, jak to zrobić".
Szacun dla @cerrato.