.btn + .btn { margin-right: 20px; }

The btn + btn wouldn't tag the first button but in this case the one right next to it. (or any following the first button if more than 2). If you would use a margin-right it would leave both buttons very close to each other and then with the 3rd there would be the 20px gap. Also could you please post your code so we could help? I made the mistake of not putting this code in the original media query from earlier. It should look like the following: @media (min-width: 769px) { .inln { width: auto; display: inline-block; } .btn + .btn { margin-left: 20px; } }

Hi deepak, To get some separation between the submit and reset buttons, you could either apply a right margin to the submit button or a left margin to the reset button. Guil is using the selector .btn + .btn This will target any button that follows another button. In this case, the reset button follows the submit button and so that selector will target the reset button. Because you're targeting the reset button you would want to apply a left margin.

Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

Ver video

Publicado 31 de diciembre de 2016 1:16pm por

¿Por qué no usamos margin-right en el selector adyacente en .btn + .btn.. y por qué no funciona?

.btn + .btn {

2 Respuestas

2 de febrero de 2017 8:57am

El btn + btn no etiquetaría el primer botón sino el que está justo al lado (o cualquiera que siga al primer botón si hay más de 2). Si usaras margin-right dejaría ambos botones muy cerca uno del otro y luego con el tercer botón habría un espacio de 20px.

¿También podrías publicar tu código para que pudiéramos ayudarte?

Cometí el error de no poner este código en la media query original de antes.
Debería verse de la siguiente manera:

@media (min-width: 769px) {

1 de enero de 2017 5:28am

Hola deepak,

Para obtener algo de separación entre los botones de enviar y restablecer, podrías aplicar un margen derecho al botón de enviar o un margen izquierdo al botón de restablecer.

Guil está usando el selector .btn + .btn Esto dirigirá a cualquier botón que siga a otro botón.

En este caso, el botón de restablecer sigue al botón de enviar y ese selector dirigirá al botón de restablecer.

Como estás dirigiéndote al botón de restablecer, querrías aplicar un margen izquierdo.

Solo se permite publicar en el foro a miembros con cuentas activas.
Por favor inicia sesión o regístrate para publicar.