Центрирование текста и окно popup

Всем привет! Нужна помощь, я чайник :sweat_smile:
Центрировала текст, и он как бы стал центрированным, но с центра страницы съехал. Не пойму, в чём беда.

И ещё:
Нужна помощь с созданием окошка, которое будет всплывать при клике на иллюстрацию. То есть имеется иллюстрация, и если нажать на неё, всплывает другая иллюстрация чуть меньше размером.

HTML:

<head>
 <meta charset="UTF-8"/>
 <title>Джордж Оруэлл. Скотный двор.</title>
 <link rel="stylesheet" href="style.css">
</head>

<body>
 <div class="text">
 <h2>"Скотный двор", Оруэлл.</h2><br/>
<p>Через три  дня старый  майор мирно  опочил во  сне.   Его тело было
предано земле неподалеку от фруктого сада.<br/>
     Случилось это в начале марта. Последующие три месяца были  отмечены
размахом тайной деятельности.   Речь майора заставила большинство  самых
сообразительных  жителей  фермы  посмотреть  на  жизнь  под  новым углом
зрения. Они не знали,  когда вспыхнет восстание, предсказанное  майором,
у них не было никаких оснований  считать, что оно произойдет еще при  их
жизни, но ясно понимали, что  они должны готовить восстание.   Работа по
просвещению и организации всех остальных, естественно, легла на  свиней,
чьи выдающиеся  умственные способности  были единодушно  признаны всеми.
Но и среди них явно выделялись два молодых борова, Сноуболл и  Наполеон,
которых  мистер  Джонс  откармливал  на  продажу. Наполеон был большим и
даже  несколько  свирепым  с  виду  беркширским  боровом,   единственным
беркширцем на ферме.  Он не был  многословен, но пользовался  репутацией
личности себе на  уме.  Сноуболл  отличался большей живостью  характера,
быстрой   речью   и   изобретательностью,   но   относительно    меньшей
серьезностью.    Остальные  свиньи   на  ферме   были  еще   поросятами.
Наибольшей  известностью  среди  них  пользовался  маленький толстенький
поросеночек по  имени Визгун,  с круглыми  щечками, вечно помаргивающими
глазками,  быстрыми  движениями   и  пронзительным  голосом.    Он   был
блестящим оратором.  Обсуждая  какую-то сложную проблему, он  метался из
стороны в  сторону, и  хвостик его  все время  подрагивал, что придавало
его словам  особую убедительность.   Кое-кто говорил  о Визгуне,  что он
способен превратить белое в черное и наоборот.<br/><br/>
 <img src="illust1.png"><br/><br/>
     Они  втроем  переработали  проповеди  старого  майора  в   стройную
систему  воззрений,  которую  назвали  анимализмом.   Несколько  ночей в
неделю после того, как мистер  Джонс отходил ко сну, на  тайных сборищах
в амбаре они объясняли  всем остальным принципы анимализма.  Сначала они
встретились с тупостью и  равнодушием.  Кое-кто говорил  о необходимости
соблюдать  лояльность  по  отношению  к  мистеру  Джонсу,  которого  они
называли не  иначе, как  хозяин или  отпускали идиотские  замечания типа
"Мистер Джонс нас кормит. Если его не будет, мы умрем с голоду".  Другие
задавали вопросы: "С какой стати  нам заботиться о том, что  будет после
нашей смерти?" Или "Если восстание так и так произойдет, то какой  смысл
в том, работаем мы для него  или нет?", И свиньям стоило немалых  трудов
объяснить им, что  все это противоречит  духу анимализма.   Самый глупый
вопрос задала  Молли, белая  кобылка.   Первое, с  чем она  обратилась к
Сноуболлу, было: "Будет ли сахар после восстания?"<br/>
     <em>- Нет, </em> - твердо  сказал Сноуболл.  - Мы  не собираемся производить
сахар на этой  ферме. Кроме того,  ты можешь обойтись  и без него.  Тебе
хватит овса и сена.<br/>
     <em>- А разрешено  ли мне будет  носить ленточки в  гриве? </em> -  Спросила
Молли.<br/>
     <em>- Товарищ, </em> - сказал  Сноуболл, - <em> эти ленточки,  к которым  ты так
привязана, - символ  рабства. Неужели ты  не можешь понять,  что свобода
дороже любых ленточек?</em><br/>
     <a href="http://www.imdb.com/title/tt0143746/" target="_blank">Молли согласилась</a>,  что это  именно так,  но похоже  было, что  она
осталась при своем мнении.<br/>
<h2>«На ферме терпеть не могли Мозуса»</h2>
     Гораздо больше трудов  доставила свиньям необходимость  опровергать
ложь, пущенную Мозусом, ручным вороном.  Мозус, любимец мистера  Джонса,
был болтуном и сплетником, но  в то же время краснобайствовать  он умел.
Он  распространял   слухи  о   существовании  таинственной   страны  под
названием  Леденцовая  гора,  куда  после  смерти  якобы  попадают   все
животные.  Она расположена где-то  на небе, рассказывал Мозус, сразу  же
за  облаками.   На  леденцовой  горе  семь  дней в неделю - воскресенье,
клевер в соку круглый год, а  колотый сахар и льняной жмых растут  прямо
на  кустах.  На  ферме  терпеть  не  могли  Мозуса  за то, что он только
рассказывает басни и не работает, но кое-кто верил в Леденцовую гору,  и
свиньям пришлось немало потрудиться, прежде чем они убедили всех в  том,
что такого места не существует.</p>
 <br>
 </div>
 </body>

</html>

CSS к нему:

.text{
	
 max-width:910px;
 margin-top:90px; 
 text-align:center;

}

p {
	text-align:center;

Спасибо заранее!

.text{

max-width:910px;
margin:90px auto 0 auto;
text-align:center;

}

О, ПОМОГЛО! :tada::tada::tada:
АА ОНО РАБОТАЕТ
спасибо большое!
осталось только с всплывающим окошком с картинкой разобраться с:

задание упоротое конечно

Это у Вас тестовое :))) ?

https://jsfiddle.net/27u9tjt2/ что-то типа того, пишу на коленках

https://jsfiddle.net/41p4rvvj/ проще - только с jquery

Даа DD;
ой, а javascript/jquery тоже обязателен, да? я даже не знаю, что с ними делать, хаха… :sweat_smile:
при вставке Ваших html и css картинка обрамилась в красную рамку и при наведении появляется курсор с пальцем, но при нажатии ничего не происходит (БОЖЕ ПРОСТИТЕ Я ТУПНЯК аа)

<!DOCTYPE html">
<html>

<head>
 <meta charset="UTF-8"/>
 <title>Джордж Оруэлл. Скотный двор.</title>
 <link rel="stylesheet" href="style.css">
</head>

<body>
 <div class="text">
 <h2>"Скотный двор", Оруэлл.</h2><br/>
<p>Через три  дня старый  майор мирно  опочил во  сне.   Его тело было
предано земле неподалеку от фруктого сада.<br/>
     Случилось это в начале марта. Последующие три месяца были  отмечены
размахом тайной деятельности.   Речь майора заставила большинство  самых
сообразительных  жителей  фермы  посмотреть  на  жизнь  под  новым углом
зрения. Они не знали,  когда вспыхнет восстание, предсказанное  майором,
у них не было никаких оснований  считать, что оно произойдет еще при  их
жизни, но ясно понимали, что  они должны готовить восстание.   Работа по
просвещению и организации всех остальных, естественно, легла на  свиней,
чьи выдающиеся  умственные способности  были единодушно  признаны всеми.
Но и среди них явно выделялись два молодых борова, Сноуболл и  Наполеон,
которых  мистер  Джонс  откармливал  на  продажу. Наполеон был большим и
даже  несколько  свирепым  с  виду  беркширским  боровом,   единственным
беркширцем на ферме.  Он не был  многословен, но пользовался  репутацией
личности себе на  уме.  Сноуболл  отличался большей живостью  характера,
быстрой   речью   и   изобретательностью,   но   относительно    меньшей
серьезностью.    Остальные  свиньи   на  ферме   были  еще   поросятами.
Наибольшей  известностью  среди  них  пользовался  маленький толстенький
поросеночек по  имени Визгун,  с круглыми  щечками, вечно помаргивающими
глазками,  быстрыми  движениями   и  пронзительным  голосом.    Он   был
блестящим оратором.  Обсуждая  какую-то сложную проблему, он  метался из
стороны в  сторону, и  хвостик его  все время  подрагивал, что придавало
его словам  особую убедительность.   Кое-кто говорил  о Визгуне,  что он
способен превратить белое в черное и наоборот.<br/><br/>
 <div class="myImg">
  <img src="illust1.png" alt="">
  <img src="cover.png" alt="" class="popUp">
</div></br>
     Они  втроем  переработали  проповеди  старого  майора  в   стройную
систему  воззрений,  которую  назвали  анимализмом.   Несколько  ночей в
неделю после того, как мистер  Джонс отходил ко сну, на  тайных сборищах
в амбаре они объясняли  всем остальным принципы анимализма.  Сначала они
встретились с тупостью и  равнодушием.  Кое-кто говорил  о необходимости
соблюдать  лояльность  по  отношению  к  мистеру  Джонсу,  которого  они
называли не  иначе, как  хозяин или  отпускали идиотские  замечания типа
"Мистер Джонс нас кормит. Если его не будет, мы умрем с голоду".  Другие
задавали вопросы: "С какой стати  нам заботиться о том, что  будет после
нашей смерти?" Или "Если восстание так и так произойдет, то какой  смысл
в том, работаем мы для него  или нет?", И свиньям стоило немалых  трудов
объяснить им, что  все это противоречит  духу анимализма.   Самый глупый
вопрос задала  Молли, белая  кобылка.   Первое, с  чем она  обратилась к
Сноуболлу, было: "Будет ли сахар после восстания?"<br/>
     <em>- Нет, </em> - твердо  сказал Сноуболл.  - Мы  не собираемся производить
сахар на этой  ферме. Кроме того,  ты можешь обойтись  и без него.  Тебе
хватит овса и сена.<br/>
     <em>- А разрешено  ли мне будет  носить ленточки в  гриве? </em> -  Спросила
Молли.<br/>
     <em>- Товарищ, </em> - сказал  Сноуболл, - <em> эти ленточки,  к которым  ты так
привязана, - символ  рабства. Неужели ты  не можешь понять,  что свобода
дороже любых ленточек?</em><br/>
     <a href="http://www.imdb.com/title/tt0143746/" target="_blank">Молли согласилась</a>,  что это  именно так,  но похоже  было, что  она
осталась при своем мнении.<br/>
<h2>«На ферме терпеть не могли Мозуса»</h2>
     Гораздо больше трудов  доставила свиньям необходимость  опровергать
ложь, пущенную Мозусом, ручным вороном.  Мозус, любимец мистера  Джонса,
был болтуном и сплетником, но  в то же время краснобайствовать  он умел.
Он  распространял   слухи  о   существовании  таинственной   страны  под
названием  Леденцовая  гора,  куда  после  смерти  якобы  попадают   все
животные.  Она расположена где-то  на небе, рассказывал Мозус, сразу  же
за  облаками.   На  леденцовой  горе  семь  дней в неделю - воскресенье,
клевер в соку круглый год, а  колотый сахар и льняной жмых растут  прямо
на  кустах.  На  ферме  терпеть  не  могли  Мозуса  за то, что он только
рассказывает басни и не работает, но кое-кто верил в Леденцовую гору,  и
свиньям пришлось немало потрудиться, прежде чем они убедили всех в  том,
что такого места не существует.</p>
 <br>
 </div>
 </body>

</html>

.text{
	
 max-width:910px;
 margin:90px auto 0; 
 text-align:center;

}
.myImg {
  width:300px;
  margin:100px auto 0 auto;
  cursor: pointer;
  border:1px solid red;
}

.myImg img {
  width:100%;
  display:block;
}

.myImg .popUp {
  display:none;
}

.myImg .popUp.active {
  display:block;
}
	
p {
	text-align:center;

вот напишут блин в вакансии, что нужен только базовый html, а по итогу тут ещё какие-то и css, и java :confounded:

Ну базовый хтмл предполагает в себе умение выравнивания текста :slight_smile: Посмотрите внимательно разметку, вы не так блоки вставили

я пыталась разобраться и сделала только хужее :joy::joy::joy:

https://jsfiddle.net/8bLkfyn2/