Hej. Wie ktoś może jak wypełnić zaokrąglony div tłem, zależnie od szerokości części? Tak to teraz wygląda:
https://jsfiddle.net/wLe80qu4/1/
Wie ktoś jak zapełnić całość bez tych marginesów wewnątrz? Zerowanie paddingu nie pomaga.
Hej. Wie ktoś może jak wypełnić zaokrąglony div tłem, zależnie od szerokości części? Tak to teraz wygląda:
https://jsfiddle.net/wLe80qu4/1/
Wie ktoś jak zapełnić całość bez tych marginesów wewnątrz? Zerowanie paddingu nie pomaga.
<div class="bar">
<div class="left">
12$
</div>
<div class="right">
Kup teraz
</div>
</div>
.bar {
display: flex;
width: 30%;
}
.left {
width: 30%;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border: 1px solid #bfbfbf;
background-color: #f99;
padding: 10px;
}
.right {
width: 70%;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border: 1px solid #bfbfbf;
background-color: #0f0;
padding: 10px;
cursor: pointer;
white-space: nowrap;
}
https://jsfiddle.net/hcsp8rng/ – sprawdź czy odpowiada.
Co prawda poradziłem sobie już w podobny sposób, jednak fajnie Ty to również rozwiązałeś. Dzięki.
Fajnie by było zobaczyć również inne rozwiązanie – wszak mistrzem ceesesa nie jestem. ;)
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.