Jak zbliżyć te div'y?

Witam, przychodzę znowu z pewną zagwostką.

Co zrobić, żeby zbliżyć do siebie te 3 div'y? 

   

Chciałbym żeby wyglądało to tak (czyli bardziej zbliżone do siebie):

   

Tak mam je zapisane:

<br>

<div class="ogloszenie">
<div align="center" style="background: black; font-size: 17px; padding: 10px;">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>
<br>
</a>
<br>
<a href="https://www.youtube.com/channel/UCLk5TSiLAfT-tst6MGs7GGQ">
<div class="ogloszenie">
<div align="center" style="background: black; font-size: 17px; padding: 10px;">
<font color="red">SKI-MANAGER.XAA.PL</font><font color="white"> | KANAŁ YOUTUBE |</font>
</div>
<br>
</a>
<br>
<a href="http://ski-manager.xaa.pl/showthread.php?tid=185">
<div class="ogloszenie">
<div align="center" style="background: black; font-size: 17px; padding: 10px;">
<font color="red">WYDARZENIE</font><font color="white"> | WYKONANE PRZEZ KRISTOFERA |</font>
</div>
<br>
</a>

Ardex napisał 06.02.2018, 22:33:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.

Usuń <br> pomiędzy nimi

Tylko, że w tym momencie, złączyły się one całkowicie, mógłbyś zmienić to w tym kodzie i podesłać?

Jeden znacznik br to jeden "enter" - zostaw odpowiednią ilość, np. po 1 i tyle. A, i zainteresuj się jakimś kursem HTML5 i CSS, to są podstawy podstaw - w kodzie używasz tego, co już się nie powinno używać.

Użyj tego kodu:

<div class="ogloszenie">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>

Do każdego ogłoszenia, a to:

background: black;
font-size: 17px;
padding: 10px;
margin-bottom: 15px;

Wrzuć do global.css do klasy .ogloszenie

Teraz nie ma kompletnie tła, a tekst nie jest wyśrodkowany.

w global.css na samym dole pod SB dodałem:

/*OGLOSZENIA*/
.ogloszenie {
background: black;
font-size: 17px;
padding: 10px;
margin-bottom: 15px;
}

a w szablonie zostało:

<div class="ogloszenie">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>
</a>

<a href="https://www.youtube.com/channel/UCLk5TSiLAfT-tst6MGs7GGQ">
<div class="ogloszenie">
<font color="red">SKI-MANAGER.XAA.PL</font><font color="white"> | KANAŁ YOUTUBE |</font>
</div>
</a>

<a href="http://ski-manager.xaa.pl/showthread.php?tid=185">
<div class="ogloszenie">
<font color="red">WYDARZENIE</font><font color="white"> | WYKONANE PRZEZ KRISTOFERA |</font>
</div>
</a>

Ardex napisał 06.02.2018, 22:33:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.

Użyj tego kodu:

<div class="ogloszenie">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>

Do każdego ogłoszenia, a to:

background: black;
font-size: 17px;
padding: 10px;
margin-bottom: 15px;

Wrzuć do global.css do klasy .ogloszenie

Yyy, nie.

This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

https://developer.mozilla.org/pl/docs/We...ement/font

<!-- Powiel ten kod tyle razy, ile chcesz mieć ogłoszeń; odpowiednio edytując oczywiście -->
<div class="ogloszenie">
<span class="color_red">GAZETKA</span> <span class="color_white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</span>
</div>

/*Do arkusza CSS*/
.ogloszenie {
   background: black;
   margin-bottom: 15px;
   padding: 10px;
   text-align: center;
   font-size: 17px;
}
.color_red { color: red; }

.color_white { color: white; }

e.g https://codepen.io/Fyeem/pen/oEzpGR

Czemu tak się dzieje?
>>


/*ogloszenia*/
.ogloszenie {
background: black;
margin-bottom: 15px;
padding: 10px;
text-align: center;
font-size: 17px;
}
.color_red { color: red; }

.color_white { color: white; }





-----szablon------
<div class="ogloszenie">
<span class="color_red">GAZETKA</span> <span class="color_white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</span>
</div>

<a href="https://www.youtube.com/channel/UCLk5TSiLAfT-tst6MGs7GGQ">
<div class="ogloszenie">
<span class="color_red">SKI-MANAGER</span> <span class="color_white"> | KANAŁ YOUTUBE |</span>
</div>
</a>

<a href="http://ski-manager.xaa.pl/showthread.php?tid=185">
<div class="ogloszenie">
<span class="color_red">WYDARZENIE</span> <span class="color_white"> | WYKONANE PRZEZ KRISTOFERA |</span>
</div>
</a>

Znaczniki <a> przenieś pod div'a ogłoszenie.