text-align, он работает, странно ожидать чего-то большего..items.
div {
width: 0px;
height: 0px;
padding: 0;
border: none;
}
div:after {
content: '';
position: absolute;
width: 0px;
height: 0px;
border-top: 200px solid transparent;
border-bottom: 200px solid transparent;
border-right: 360px solid #00FF00;
}
смещение сделано, чтобы убедиться, что всё на месте; без него совпадение 100%
The overflow CSS shorthand property sets the desired behavior when content does not fit in the element's padding box (overflows) in the horizontal and/or vertical direction.
- visible
Overflow content is not clipped and may be visible outside the element's padding box. The element box is not a scroll container. This is the default value of the overflow property.
.nav ul li a.active {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: .1em;
}const $links = document.querySelectorAll('.nav a');
Array.from($links).forEach(($link) => {
$link.addEventListener('click', (event) => {
document.querySelector('.nav a.active')?.classList.remove('active');
event.target.classList.add('active');
})
});text align стоитУ вас точки кривые из-за direction, так зачем же вы пытаетесь их поправить через text-align? Надо direction и костылить у параграфов обратно на правильный.
.our .container .list .item > p {
direction: ltr;
}.center-box и вставить в элемент, который и является правой колонкой.
<div class="form-element">
<input type="text" name="some1" value="Test" disabled />
<label for="some1">This is label</label>
</div>.form-element {
display: flex;
flex-direction: row;
}
.form-element label {
order: 1;
}
.form-element input {
order: 2;
}
.form-element input:disabled + label {
color: red;
}input:disabled ~ label, но почему-то не работает.
Интересует меня это в целях доработки свойств:значений таблицы стилей.Понятнее не стало.