Код для создания ноутбука ⇐ Html

[Anonymous]

Вот проблема - моя вертикальная строка не заполняет страницу, когда я хочу добавить текст на страницу. Я создал вертикальную линию и горизонтальную линию с DOV, и они дали мне большую гибкость. Тем не менее, теперь пытаясь ввести текст, все движется и не может сосредоточиться, не поднимая линии. Предполагается, что вид будет выглядеть как лист бумаги. Я не уверен, есть ли способ создания в качестве изображения или фона, а затем добавить текст сверху. Я предпочитаю, чтобы текст был встроен, как будто это карандаш на бумаге. Извините, если это сбивает с толку. < /P>
больше я делаю шрифт или верхний край-тогда строки движутся вниз. PrettyPrint-Override ">

Код: Выделить всё

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.container {
min-width: 100%;
width: 100%;
min-height: 100%;
height: 100%;
position: relative; /* Needed for absolute positioning of lines */
}

.topheader {
font-family: Patrick Hand, "cursive";
display: flex;
justify-content: center;
align-items: center;
font-size: larger;
font-weight: 100;

}

.redline {
min-height: 100vh;
height: 100%;
background: red;
margin-left: 15%;
width: 2px;
position: relative;
}

.blackline1,
.blkline2,
.blkline3,
.blkline4,
.blkline5,
.blkline6,
.blkline7,
.blkline8,
.blkline9,
.blkline10,
.blkline11,
.blkline12,
.blkline13,
.blkline14,
.blkline15,
.blkline16,
.blkline17,
.blkline18,
.blkline19,
.blkline20,
.blkline21,
.blkline22,
.blkline23,
.blkline24,
.blkline25,
.blkline26,
.blkline27,
.blkline28,
.blkline29,
.blkline30 {
height: 3px;
min-width: 100vh;
width: 100%;
background: lightskyblue;
position: absolute;
/* following 2 code is excellent center  for second line.  */
}

.blackline1 {
top: 15%;
}

.blkline2 {
top: 18%;
}

.blkline3 {
top: 21%;
}

.blkline4 {
top: 24%;
}

.blkline5 {
top: 27%;
}

.blkline6 {
top: 30%;
}

.blkline7 {
top: 33%;
}

.blkline8 {
top: 36%;
}

.blkline9 {
top: 39%;
}

.blkline10 {
top: 42%;
}

.blkline11 {
top: 45%;
}

.blkline12 {
top: 48%;
}

.blkline13 {
top: 51%;
}

.blkline14 {
top: 54%;
}

.blkline15 {
top: 57%;
}

.blkline16 {
top: 60%;
}

.blkline17 {
top: 63%;
}

.blkline18 {
top: 66%;
}

.blkline19 {
top: 69%;
}

.blkline20 {
top: 72%;
}

.blkline21 {
top: 75%;
}

.blkline22 {
top: 78%;
}

.blkline23 {
top: 81%;
}

.blkline24 {
top: 84%;
}

.blkline25 {
top: 87%;
}

.blkline26 {
top: 90%;
}

.blkline27 {
top: 93%;
}

.blkline28 {
top: 96%;
}< /code>



DenardRaps

Подробнее здесь: https://stackoverflow.com/questions/795 ... k-and-feel