1

как я могу задать расположение текста через PX (как картинку) к примеру width, hieght и тд. а не используя text-align. написал я очень криво, знаю, сам особо ничего не понимаю. у меня правда текст отображается немного по другому, чем если выполнить код (в самом низу и по центру)

body {
  background-color: black;
}

body * {
  border: 1px solid red;
}

.dance1 {
  width: 300px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 200px;
}

.dance2 {
  width: 300px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 1400px;
}

.logo {
  width: 700px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 600px;
}

.test123 {
  font-size: 40px;
  color: gold;
  text-align: center;
}
<img src="http://via.placeholder.com/250x250/33ff99/555555?text=text">
<embed loop="true" src="" hidden="true"></embed>
<img class="dance1" src="http://via.placeholder.com/250x250/33ff99/555555?text=text1">
<img class="dance2" src="http://via.placeholder.com/250x250/33ff99/555555?text=text2">
<img class="logo" src="http://via.placeholder.com/250x250/33ff99/555555?text=text3">
<p class="test123">test 123</p>

3
  • мне нужно в верх его поставить
    – vladislav
    8 июл 2019 в 14:41
  • CSS: font-size, margin, padding думаю этого достаточно исходя из формулировки вопроса. в крайнем случае position.
    – Za Ars
    8 июл 2019 в 14:56
  • Возможно, что вам нужно разобраться с понятием Блочные и строчные элементы.
    – user256824
    8 июл 2019 в 15:08

1 ответ 1

1

Достаточно знать вот такую конструкцию

position: absolute; //положожение
top: 0;  //верх низ
left: 0;  //лево право

#pertext {
  position: absolute;
  top: 0;
  left: 0;
}

#pertext2 {
  position: absolute;
  top: 20px;
  left: 0;
}

#pertext3 {
  position: absolute;
  top: 0;
  left: 30%;
}
<p id="pertext">Привет мир!!!</p>

<p id="pertext2">Привет мир!!!</p>

<p id="pertext3">Привет мир!!!</p>

1
  • При значении 0 px не нужно указывать
    – DaemonHK
    10 июл 2019 в 3:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.