Невозможно вставить рамку вокруг div изображения

Question

Я пытаюсь вставить изображение в поле (средний в пи c), как показано на изображении ниже:

and I have the following code for it:

Нельсон Мандела

, а мой css:

    #img-div {
      text-align: center;
     
    }

Изображение делает go по центру, но я не могу поставить рамку, как показано на рисунке выше. Подсказки

Answer 1

Если я правильно понял, вам просто нужно нарисовать рамку вокруг родительского div рамкой.

#img-div {
  border: 1px solid grey;
}

Answer 2

Это ответ !! Вау:

element.style.display = 'grid'
element.style.alignContent = 'center