К моему удивлению, современный браузер, кажется, не жалуется, если я использую собственные имена тегов, а затем стилизую эти теги так, как если бы они были обычными HTML-тегами, они ведут себя как элементы span и как элементы div, если я устанавливаю display:block;.
Я имею в виду, даже если я не использую полимер или пытаюсь зарегистрировать пользовательский элемент.
Например, у меня есть это:
https://jsfiddle.net/hvybz0nq/4/
Section 1
Section 2
Section 3
Add Section
Page 1
Page 2
Page 3
Add Page
С некоторым CSS:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
flex-fixed, sections, section, div, pages, page {
display: flex;
}
body {
height: 100vh;
}
flex-fixed {
width: 100%;
height: 100%;
flex-direction: column;
position: fixed;
}
section {
border-right: 1px solid lightgrey;
}
splitter {
height: 1px;
background: lightgrey;
}
pages {
height: 100%;
border-left: 1px solid lightgrey;
align-self:flex-end;
flex-direction: column;
}
page {
border-bottom: 1px solid lightgrey;
}
section, page, div {
padding: 10px;
}
Подробнее здесь: https://stackoverflow.com/questions/350 ... or-styling
