Forum PHP.pl > [CSS] Padding w DIVie

Pomoc - Szukaj - Użytkownicy - Kalendarz

david8213

9.01.2020, 19:56:48

Jak zrobić aby "text" był wycentrowany oraz aby na około zachować odległość np 5mm wkoło tekstu, oczywiście żeby nie zmieniać rozstawu tabeli

[XML] pobierz, plaintext 
<style>
 
body {margin: 0 auto;}
 
#glowny {  widht:100%;  height:100px; background-color: #32CD32; //margin-top: 40px; //padding: 14px 11.4px;}
 
 
 
.columna1 {width:10%; background-color: #32ffff; float:left; height:auto;  }
.columna2 {width:40%; background-color: red; float:right; height:auto;  //text-align: justify; }
.columna3 {width:40%; background-color: grey; float:left; height:auto;  //text-align: justify;}
.columna4 {width:10%; background-color: yellow; float:right; height:auto;  }
 
</style>
 
<body>
<div id="glowny">
 <div class="columna1">11111</div>   <div class="columna3"> tytuł <br><br>tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, <img src="ddd.jpg">  </div> 
 <div class="columna4">222222</div>          <div class="columna2">uuuuuu</div>
 
 
 
 
<br><br><div style="clear:both;"></div> <br><br>
 
 <div class="columna1">AAAAA</div>    <div class="columna3">zzzzzzzzz11</div>
 <div class="columna4">BBBBB</div>          <div class="columna2">yyyyyy</div>
 
</div>
 
 
</body>
[XML] pobierz, plaintext

mrk9109

9.01.2020, 20:42:32

text-algin: center; dla kolumny numer 3 i usuń ?//?

david8213

9.01.2020, 21:19:07

głownie chodziło mi o odstępy w okół tekstu np po 5mm w koło tekstu. coś z padding: 14px 11.4px; nie wchodzi

trueblue

9.01.2020, 21:39:01

Kod

div{
display: flex;
align-items: center;
justify-content: center;
padding: 5mm;
}

lub

Kod

div{
display: table-cell;
text-align:center;
vertical-align:middle;
padding: 5mm;
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.