Kapsayıcı div'i display:flex yap. Ardından justify-content ile yatayda eşit aralıklı ya da tam ortaya hizalama yapabilirsin. Dikeyde de align-items:center ile ortalayabilirsin. Bahsettiğin tasarım için ise bu şekilde flex yapısı ile halledebilrsin. Kodlarının durumu için ise vsCode kullanıyorsan düzeltmek istediğin alanı seç ve format document de. Tüm kodları formatlayarak daha düzenli hale getirir.