Tekst (odstęp)

Question

Witam, otóż mam pewien problem html: http://s3.ifotos.pl/img/2png_weepwpr.png css: http://s10.ifotos.pl/img/3png_weepwpw.png w ostateczności wychodzi coś takiego: http://s10.ifotos.pl/img/4png_weepwpq.png a potrzebuje to rozdzielić o tak: http://s10.ifotos.pl/img/1png_weepeqa.png Z góry dziękuje :)

Answer 1

Użyj:

padding: 5px 8px;

Jesli w tych divach będa anchory <a /> to padding ustaw dla nich. 

Answer 2

Napisz tekst w jesnym div-ie i ustaw odległość miedzy wyrazami.

W css użyj "word-spacing: długość_odstępu" podaj długość jaka ci będzie pasowała.

 

Answer 3

najlepszym sposobem jest padding czyli margines wewnętrzny dla danego elementu:

padding: 5px 10px;

pierwsza wartość odpowiada za margines górny oraz dolny a druga oznacza margines dla lewej i prawej strony. Więcej informacji znajdziesz na ws3schools:

http://www.w3schools.com/css/css_padding.asp

Teraz zostaje tylko kwestia dodanie tego do poprawnego znacznika bądź klasy(w twoim przypadku do .button).

.button
{
	text-align:right;
	font-size:18px;
	color:gray;
	margin-top:15px;
	float:left;
	padding: 5px 10px;
}

Proponowałbym jednak tworzyć takie rzeczy używając ul oraz li zgodnie ze standardami :)

http://www.w3schools.com/css/css_navbar.asp

 <ul>
  <li><a href="default.asp">Features</a></li>
  <li><a href="news.asp">Blog</a></li>
  <li><a href="contact.asp">Support</a></li>
  <li><a href="about.asp">Contant</a></li>
</ul> 

Na stronie wymienionej wyżej znajdziesz wyczerpujący i prosty przykład :)

Answer 4

Ustaw margin-left i margin-right. np. 2px http://www.w3schools.com/css/css_margin.asp

Answer 5

Dodaj też padding z każdej strony do tego buttonu.