Hola!
Puede deberse a que el contenedor de estas etiquetas es de menor tamaño (considerando el margin y padding).
Para poner elementos en la misma línea puedes usar tambien: Display: inline-block;
Si ya estas usando la etiqueta <article> usa entonces la de <aside/> en vez del div "#art1"
Espero sea de utilidad, es mi primer participación en este foro.
Saludos!