Kolor tła tekstu

Question

Witam

Chciałbym zrobim mnie więcej coś takiego :

<span style='background-color:aqua'> Oto jak się zarejestrować w programie: </span>

Czyli mam tło tylko i wyłącznie na tym tekście jednak chciałbym go jeszcze bardziej dopracować tzn. poszerzyć trochę górne i dolne granice a także boczne, może dodać jakieś obramowanie.

Jak to zrobić w css-ie ?

 

Answer 1

Zrób to w elemencie blokowym.

Answer 2

display: block;

pododawaj padding :)

obramowanie co tam chcesz

takie coś robi się na znaczniku <p> a nie <span>

Comments

Jak robię na znaczniki <p> to wyświetla mi się tło na całej szeroki tego znacznika a ja chcę tylko wyróżnić otoczenie tekstu.

---

aha no to w tym wypadku tak :) span będzie dobry

Answer 3

display: inline-block; + padding. display: block przeniesie element do nowej linii.

Answer 4

Czyli jak to ma wyglądać, tak ?

<div id="tekst"><span style='background-color:aqua;display:block;padding-left:40px;padding-right:40px;'> Oto jak się zarejestrować w programie: </span></div>

 

Answer 5

Okey zrobiłem coś takiego i działa :

<span style='background-color:aqua;display:inline-block;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;'> Oto jak się zarejestrować w programie: </span>

Jednak nie jestem pewien czy zostało to prawidłowo wykonane, jak sądzicie ?

Czy używanie pikseli w paddingach jest dobrym rozwiązaniem, czy przez to strona będzie się źle wyświetlać na innych rozdzielczościach na przykład laptop czy smartfon ?

Answer 6

A jak jeszcze zrobić żeby te tło co jest pod tekstem nie wiliczało się w odstęp pod tekstem na dole ?