Conteúdo para você se capacitar em programação
Alinhamento de imagem fácil e rápido dentro da figura da tag (ou o que você quiser). HTML: <figure> <img src=”path/to/image.jpg” alt=”Image”></figure> CSS: figure {width: 400px;height: 250px;line-height: 250px;text-align: center;}img {vertical-align: middle;}
Continuar lendoEste plugin do Vim é descrito por seu autor como um plugin de alinhamento do Vim simples e fácil de usar . É uma alternativa ao conhecido plugin Tabular . …
Continuar lendoVocê pode ter visto essa técnica antes de alinhar horizontal e verticalmente um ícone … .icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; background: #000; margin-left: …
Continuar lendoDEMO Live demo HTML <html> <body> <a href=”#” class=”foo”> <span>hello</span> <span>xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx </span> </a> </body></html> CSS …
Continuar lendoCom as seguintes linhas de css, qualquer container pode ser alinhado verticalmente, sem altura fixa ou posição absoluta. position: relative;top: 50%;transform: translateY(-50%);
Continuar lendoAlinhar imagens e ícones verticalmente com o texto <i class=”ICON”></i> <span>GO TO CHECKOUT</span> i { vertical-align:middle;} <img src=”IMG”> <span>GO TO CHECKOUT</span> img { vertical-align:middle;}
Continuar lendoÀs vezes, é necessário alinhar o texto próximo a um elemento flutuante, por exemplo, um elemento de imagem, sem o texto rodando abaixo do elemento flutuante. Além disso, o elemento …
Continuar lendo