محدودسازی متن در یک خط

میخوام برا متن یک انداز ه خاص تعیین کنم که بیش اون شد بره خط بعدی ولی هرکاری کردم نشد چیکار باید بکنم ؟؟؟

- {  
  text-align: center;  
  direction: rtl;  
  border-radius: 10px;  
  border:0px solid ;  
  justify-content: center;  
  }  
  div.structure {  
  flex-wrap: wrap;  
  max-height: 100%;  
  overflow:auto;  
  flex-wrap: nowrap;  
  overflow-x: hidden;  
  word-wrap: break-word;

  display: flex;  
  flex-direction: row;  
  flex-wrap: wrap;

  ## margin:5px;  
  padding:20px;  
  }

  / *html h1 h2 h3 h4 h5 h6 li*/  
  h1, h2, h3, a {color: rgb(117, 30, 125); direction: auto; }  
  h1 {  
  font-size: 10vw;  
  }  
  h2 {  
  font-size: 3vw;  
  }  
  h3 {  
  font-size: 2vw;  
  }  
  h4,p {  
  color:#000080;  
  direction: rtl;  
  font-size: 1vw;  
  }

  li { font-size: 2vw; color:#000080; }

code {  
direction: ltr;  
}  
code.size {font-size: 2vw;}  
/ *The border-width Property* /  
h4.one {  
border-color: #000080;  
border-style:10px solid;  
border-width: 5px 20px; / *5px top and bottom, 20px on the sides* /  
}

h4.two {  
border-color: #000080;  
border-style: solid;  
border-width: 20px 5px; / *20px top and bottom, 5px on the sides* /  
}

h4.three {  
border-color: #000080;  
border-style: solid;  
border-width: 25px 10px 4px 35px; / *25px top, 10px right, 4px bottom and 35px left* /  
}