Лидер заголовка и подзаголовка с CSS - PullRequest
Новая
       0

Лидер заголовка и подзаголовка с CSS

0 голосов
/ 30 июня 2018

Мне нужно добиться следующего с помощью CSS. 

. Heading
|
|
|----Subheading
|--------|
|--------|
|--------|
|--------|----subHeading of subheading
|--------|--------------|
|--------|--------------|
|--------|--------------|
|--------|--------------|
|--------|--------------|--------SubHeading of subheading

Кто-нибудь знает название этой структуры? или CSS для этого?

1 Ответ

0 голосов
/ 30 июня 2018 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div class="heading">
	header
</div>
<div class="subheading">
	subheader
</div>
<div class="subsubheading">
	subsubheading
</div>
<div class="subsubsubheading">
	subsubsubheading
</div>
<style>
.heading{
	text-align: left;
	float:left;

}
.subheading{
	text-align:left;
	float:left;
	margin-top:100px;
}
.subsubheading{
	text-align:left;
	float:left;
	margin-top:200px;
}
.subsubsubheading{
	text-align:left;
	float:left;
	margin-top:300px;
}
</style>
</body>
</html>

Да, вам просто нужно использовать поплавки и margin-top, как это.

CSS 

.heading{
    text-align: left;
    float:left;

}
.subheading{
    text-align:left;
    float:left;
    margin-top:100px;
}
.subsubheading{
    text-align:left;
    float:left;
    margin-top:200px;
}
.subsubsubheading{
    text-align:left;
    float:left;
    margin-top:300px;
}

HTML 

<div class="heading">
    header
</div>
<div class="subheading">
    subheader
</div>
<div class="subsubheading">
    subsubheading
</div>
<div class="subsubsubheading">
    subsubsubheading
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...