\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{Text einpassen in Zeile - Vanilla JS}
\usepackage[
pdftitle={Text einpassen in Zeile - Vanilla JS}
pdfsubject={Wer kennt es nicht, mal wieder bricht die Überschrift um, aber eigentlich dürfte sie lieber kleiner sein als umbrechen, also einfach die Schriftgröße eins - zwei Pixel kleiner, aber nur an den Stellen wo es erforderlich ist!}
pdfauthor={Udo Schmal}
pdfkeywords={JavaScript, HTML, font-size}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}Text einpassen in Zeile - Vanilla JS
\singlespacing
{\LARGE \textbf{\label{sec:title}Text einpassen in Zeile}}

Wer kennt es nicht, mal wieder bricht die Überschrift um, aber eigentlich dürfte sie lieber kleiner sein als umbrechen, also einfach die Schriftgröße eins - zwei Pixel kleiner, aber nur an den Stellen wo es erforderlich ist!

Das folgende Beispiel zeigt eine Möglichkeit die das ganze automatisiert, wie üblich ohne großes Framework!

\singlespacing
{\large \textbf{Lorem ipsum dolor sit amet, consetetur sadipscing elitr}}

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

\singlespacing
\textbf{HTML:}

\href{http://www.gocher.me/code/fittoline/fittoline.htm}{fittoline.htm}

\singlespacing
\textbf{JavaScript:}

\href{http://www.gocher.me/code/fittoline/fittoline.js}{fittoline.js}
\label{sec:fittoline.js}\end{document}