If you find yourself manually adding formatting like this, then it might be a good idea to ask if there are better ways of doing the same. What you're making looks a bit like a standard description list, but with the added |.
You can use the package enumitem to define a new type of list (here called mydesc, but you can give it a more sensible name). The code example below has some comments, ask if anything is incomprehensible.

\documentclass{article}
\usepackage[T1]{fontenc}
\usepackage{lipsum} % for making dummy text. only for example
\usepackage{enumitem} % for customizing lists
\SetLabelAlign{leftwithbar}{#1\quad|\quad} % (ab)use this to add the vertical bar. A \quad is horizontal space, same as \hspace{1em}
\newlist{mydesc}{description}{1} % create a new list called mydesc, of type "description"
\setlist[mydesc]{
align=leftwithbar, % use the align-format defined above
leftmargin=0pt, % indentation for all the lines
labelindent=1em, % horizontal space before label
labelsep=0pt % horizontal space after label -- set to zero because we add space via "leftwithbar"
}
\begin{document}
\lipsum[1] % dummy text
\begin{mydesc}
\item[Date Control] In the Date Control box the \textit{dateRangeInput()} function has been inserted, where the customer can select by clicking on the left and right date between a date period (from -- to).
\item[Something else] Lorem ipsum \dots
\end{mydesc}
Then later in your document, when you need another one like this, just make a new list:
\begin{mydesc}
\item[Foo] Bar
\item[Baz] Etc.
\end{mydesc}
\lipsum[2] % more dummy text
\end{document}
descriptionenvironment or even a table for this? – leandriis Jun 18 '18 at 22:05\hspace*{4mm}, note the*. That said, a (possibly modified)descriptionenvironment is likely a better way of doing this, at least if you're doing several of these. Note a table only appears in the list of tables if you add a\captionto it, which of course isn't mandatory. – Torbjørn T. Jun 18 '18 at 22:09\hspace*{\fill}and\hfill? – Werner Jun 18 '18 at 22:13