Как сделать такой вид комментария на css и html правильно?
Любой курс/справочник по css. Глава "позиционирование элементов", параграф второй, "абсолютное позиционирование".
Оберните всё в один  элемент, и благодаря position: absolute; выстройте в нужном расположении фотку, имя, текст комментария, кнопку раскрытия, не знаю насколько это будет правильно, так как не являюсь верстальщиком https://tldrify.com/q85