• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Dziwne zachowanie diva. HTML CSS

Object Storage Arubacloud
0 głosów
195 wizyt
pytanie zadane 11 sierpnia 2019 w Nasze projekty przez gnu_ewm Gaduła (3,340 p.)
zamknięte 31 maja 2020 przez gnu_ewm

Witam.

Tworzę stronę "do szuflady" o anarchokapitalizmie. Przy dodawaniu zdjęć pomyślałem że dobrze by było dodać krótkie opisy do nich, coś na wzór wikipedii.

<!DOCTYPE html>
<html lang="pl">
  <head>
    <meta charset="utf-8">
    <title>Anarchokapitalizm.pl</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Anton|Maven+Pro:500&display=swap&subset=latin-ext" rel="stylesheet">
  </head>
  <body>
    <div id="topbar">
      <div id="logo">
        ANARCHOKAPITALIZM.PL
      </div>

      <div id="menu">
        <!-- TODO -->
      </div>
    </div>

    <div id="container">
      <h1>Geneza i założenia anarchokapilizmu</h1>

      <p>Anarchokapitalizm (znany również jako „anarchia wolnościowa” lub „anarchizm rynkowy” lub „anarchizm wolnego rynku”) jest libertariańską i indywidualistyczną, anarchistyczną ideologią polityczną, która opowiada się za eliminacją państwa na rzecz indywidualnej suwerenności na wolnym rynku. Ekonomista Murray Rothbard jest uważany za twórcę tego terminu. Według opracowania Wójtowicza, w społeczeństwie anarchokapitalistycznym egzekwowanie prawa, sądy i wszystkie inne usługi bezpieczeństwa byłyby zapewniane przez dobrowolnie finansowane podmioty gospodarcze, takie jak prywatne agencje ochrony. Działalność osobista i ekonomiczna byłaby regulowana przez naturalne prawa rynku i poprzez prawo prywatne, a nie w wyniku działań politycznych. Wskutek braku organizacji państwowej nie mogłoby między innymi istnieć zjawisko zbrodni przeciwko państwu.</p>

      <div class="image">
        <img src="img/Rothbard.jpg" alt="" width="266" height="336">
        <div class="image-description">
          Murray Rothbard - twórca anarchokapitalizmu
        </div>
      </div>

      <p>Anarchokapitaliści opowiadają się za społeczeństwem opartym na dobrowolnym handlu własnością prywatną i usługami (w tym pieniądzem, dobrami konsumpcyjnymi, gruntami i dobrami inwestycyjnymi) w celu maksymalizacji indywidualnej wolności i dobrobytu. Jednakże uznają także działalność charytatywną i wspólnotową za część tej samej dobrowolnej etyki. Chociaż anarchokapitaliści są znani z tego, że domagają się prawa do własności prywatnej (zindywidualizowanej lub wspólnej niepublicznej), niektórzy proponują, że niepaństwowa własność publiczna lub wspólnota może również istnieć w społeczeństwie anarchokapitalistycznym. Istotne jest dla nich, iż jest ona nabywana i przekazywana bez pomocy lub przeszkody ze strony państwa. Anarchokapitalistyczni libertarianie uważają, że jedynym sprawiedliwym i/lub najkorzystniejszym ekonomicznie sposobem nabycia własności jest dobrowolny handel, darowizna lub pierwotne zawłaszczanie oparte na pracy, a nie agresja lub oszustwo. </p>

      <div class="image">
        <img src="img/Flag.png" alt="Flaga anachokapitalistów">
        <div class="image-description">
          Flaga anarchokapitalistów
        </div>
      </div>

      <p>Anarchokapitaliści postrzegają kapitalizm wolnorynkowy jako podstawę wolnego i dostatniego społeczeństwa. Murray Rothbard powiedział, że różnica między wolnorynkowym kapitalizmem a „państwowym kapitalizmem” to różnica między „pokojową, dobrowolną wymianą” a zmawiającym się partnerstwem między biznesem a rządem, który używa przymusu, aby podkopać wolny rynek. „Kapitalizmu”, zgodnie z definicją anarchokapitalistów, nie należy mylić z państwowym kapitalizmem, kapitalizmem kolektywnym, korporacjonizmem lub współczesnymi gospodarkami mieszanymi, w których naturalne zachęty i czynniki zniechęcające do rynku są wypaczane przez interwencję państwa. Odrzucają państwo, opierając się na przekonaniu, że państwa są agresywnymi bytami kradnącymi własność (poprzez opodatkowanie i wywłaszczenie), inicjują agresję, są przymusowym monopolem na użycie siły, wykorzystywanym, by przynieść korzyści wybranym przedsiębiorstwom i osobom fizycznym kosztem innych, tworzyć monopole, ograniczenia handlu i ograniczenia wolności osobistych – między innymi za pomocą prawa antynarkotykowego, obowiązkowej edukacji, poboru do wojska, przepisów dotyczących żywności. Uścisk nieskrępowanego kapitalizmu prowadzi do znacznego napięcia między anarchokapitalistami i wieloma anarchistami społecznymi, którzy postrzegają kapitalizm i wolny rynek jako tylko innego rodzaju autorytety. Antykapitalistyczni anarchiści na ogół uważają anarchokapitalizm za wewnętrznie sprzeczny z definicji.</p>
    </div>

    <div id="footer">
      Autor: Eryk Michalak 2019 <br>
      <span id="copyleft">&copy;</span> Wszelkie prawa odwrócone
    </div>
  </body>
</html>
body
{
  margin: 0px;
  font-family: 'Maven Pro', sans-serif;
  background: #000;
}

#topbar
{
  width: 100%;
  background-color: #faff2c;
  color: #000;
  font-family: 'Anton', sans-serif;
}

#logo
{
  width: 450px;
  padding: 25px;
  font-size: 42px;
  letter-spacing: 3px;
}

#container
{
  width: 1500px;
  margin: auto;
  background-color: #fff;
  color: #000;
  padding: 15px;
  font-size: 22px;
  text-align: justify;
}

.image
{
  padding: 5px;
  border: 1px solid #c8ccd1;
  background-color: #f8f9fa;
  text-align: center;
  font-size: 16px;
}

#footer
{
  padding: 15px;
  color: #fff;
  text-align: center;
}

#copyleft
{
  display: inline-block;
  transform: rotate(180deg);
}

Problem polega na tym, że div image-description rozciąga się na całą szerokość diva container zamiast dostosować się do długości opisu i paddingu. Co może być powodem takiego zachowania?

komentarz zamknięcia: Zimny pot mnie zalewa kiedy czytam moje stare pytania.

1 odpowiedź

0 głosów
odpowiedź 11 sierpnia 2019 przez xmentor Nałogowiec (49,520 p.)
wybrane 11 sierpnia 2019 przez gnu_ewm
 
Najlepsza
Wrzucając kod na codepen-a, element `.image-description` rozciąga się na długość elementu `.image`, czyli zachowuje się poprawnie, jak na element blokowy przystało. Możesz to zmienić za pomocą `display: inline;` lub `display: inline-block;`

Podobne pytania

+1 głos
1 odpowiedź 178 wizyt
pytanie zadane 23 grudnia 2019 w Python przez martin1724 Użytkownik (690 p.)
0 głosów
1 odpowiedź 197 wizyt
pytanie zadane 26 lipca 2019 w C i C++ przez martin1724 Użytkownik (690 p.)
+1 głos
3 odpowiedzi 258 wizyt
pytanie zadane 7 kwietnia 2021 w HTML i CSS przez Yorweth Obywatel (1,310 p.)

92,571 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,959 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...