Solucionado
.cta-leia-mais{
font-size: 24px;
padding: 8px;
margin: 16px;
text-align: center;
background-color: #E6E7E8;
display: block
}No exercício a resposta apresentada contem o display:block, eu não entendi a função dele. Alguém pode me esclarecer?
Eduardo a função display: block como o próprio nome diz vai fazer com que o elemento fique a nível de block, ou seja, que não tenha nenhum elemento ai seu lado.
Foi declaro no leia mais, para que ele fique sozinho na linha sem elementos ao seu lado, pois por padrão o elemento a tem display: inline.
Caso queira fazer com que elementos fiquem lado a lado declare display: inline-block ou só inline.
Então eu utilizado o Block quando não quero nada ao lado do elemento o inline para ficarem lado a lado, e o inline-block quando quero que eles fiquem lado a lado so que eu consigo manipula-los?
Exatamente, uma básica e simples diferença:
inline - Não é possível definir height e width.
inline-block: É possível definir height e width.
