Jump to content
  • Sign Up
shumz

Помогите с центрированием.

Recommended Posts

Задача: Создать линию определённых размеров и расположить её по центру экрана.

Код HTML: 

<div class="line"></div>

Код CSS:
.line {
    position:absolute
    margin-top:650px;
    height:2px;
    width:1200px;
    background: black;
}

Share this post


Link to post
Share on other sites

Здравствуйте.

Универсальный вариант:

Альтернативный вариант:

Share this post


Link to post
Share on other sites

как вариант:

(вставка кода что то не работает, поэтому как текст)

body{
  margin: 0;
}
body:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 10px;
  background: #f00;
  top: 50%;
  transform: translateY(-50%);
}

 

Share this post


Link to post
Share on other sites
12.05.2020 в 21:24, AlexZaw сказал:

(вставка кода что то не работает, поэтому как текст)

Спасибо, что обратил внимание. Пофикшено 👍

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By РоманФ
      Здравствуйте клиент хочет чтобы картинка была сверстанна полностью именно на html css, кто то сталкивался c такой проблемой? возможно есть советы по тому как это сделать правильно.
      Волна по центру и все остальные вещи должны быть заверстанны в том числе.Интересует как это сделать с минимумом костылей.
      И остро стоит вопрос чтобы это все дело было адаптивно.
      На данный момент все что смог сделать https://jsfiddle.net/RomanFF/jL9swq7h/37/ с border нормальный сделать смогу, не понимаю принцип по которому мне все сопоставить так чтобы не полетело все потом,  мне хотябы общие принципы объяснить в каком направлении дальше двигаться

    • By Five
      Как можно поднять фиолетовый блок (находится в MAIN) вверх , чтобы он заполнил верхнюю прозрачную часть заднего плана HEADER-а?
      Свое образный переход будет... 

  • Member Statistics

    46,834
    Total Members
    159
    Most Online
    Progrmergr
    Newest Member
    Progrmergr
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...