As CSS3 criaram a propriedade box-sizing que quando declarada com uso do valor border-box altera a forma como o Box Model é calculado, incorporando os valores de padding e border à largura do box criado pelo elemento HTML.
box-sizing: border-box; que indica que o tamanho agora levará em conta até a borda -- ou seja, o width será a soma do conteúdo com a borda e o padding. Se quiser um extra, também pode dar uma olhadinha nos links abaixo tem muita coisa legal sobre css.
A propriedade float do CSS determina que um elemento deve ser retirado do seu fluxo normal e colocado ao longo do lado direito ou esquerdo do seu containêr, onde textos e elementos em linha irão se posicionar ao seu redor. Um elemento flutuante é um tipo de elemento cujo valor de float é diferente de none.
O que é float e para que serve? Float é uma propriedade CSS que usamos para posicionar algo na tela, seja um elemento em bloco ou em linha. Com a propriedade float definida, um elemento pode ser empurrado para esquerda ou para a direita, permitindo que os outros elementos possam organizar em torno dele.
Para alinhar textos geralmente utilizamos o comando align nas tags
e (div vem de divisão, ou seja, tag que cria blocos.).
Aplicar text-align :center a um elemento ou
centraliza o conteúdo desses elementos, deixando suas dimensões gerais inalteradas.