Испытание: арифметические знаки [13/15] - 100%


#1
<svg width="550" height="120">
    <line x1="10" y1="60" x2="110" y2="60" stroke="teal" stroke-width="20" />
    <line x1="60" y1="10" x2="60" y2="110" stroke="teal" stroke-width="20" />
    <line x1="120" y1="60" x2="220" y2="60" stroke="orangered" stroke-width="20" />
    <line x1="230" y1="15" x2="320" y2="105" stroke="royalblue" stroke-width="20" />
    <line x1="230" y1="105" x2="320" y2="15" stroke="royalblue" stroke-width="20" />
    <line x1="350" y1="105" x2="440" y2="15" stroke="purple " stroke-width="20" />
    <line x1="450" y1="45" x2="540" y2="45" stroke="orange" stroke-width="20" />
    <line x1="450" y1="75" x2="540" y2="75" stroke="orange" stroke-width="20" />
</svg>

#2

Можно не писать каждый раз (stroke-width=“20”), достаточно один раз написать в css (svg {
border: 1px solid #dddddd;
stroke-width: 20;
} ).


#3

Да, но css заблокирован в этом задании… :thinking:

мои знаки
<svg width="550" height="120">
  <line x1="10" y1="50%" x2="110" y2="50%" stroke="teal" stroke-width="20" />
  <line x1="60" y1="10" x2="60" y2="110" stroke="teal" stroke-width="20" />
  
  <line x1="120" y1="50%" x2="220" y2="50%" stroke="orangered" stroke-width="20" />
  
  <line x1="230" y1="15" x2="320" y2="105" stroke="royalblue" stroke-width="20" />
  <line x1="320" y1="15" x2="230" y2="105" stroke="royalblue" stroke-width="20" />
  
  <line x1="350" y1="105" x2="440" y2="15" stroke="purple" stroke-width="20" />
  
  <line x1="450" y1="45" x2="540" y2="45" stroke="orange" stroke-width="20" />
  <line x1="450" y1="75" x2="540" y2="75" stroke="orange" stroke-width="20" />
</svg>