<html>
<head>
<style>
#a1{
font-size:50px;
color:green;
}
#a2{
font-size:20px;
color:red;
}
#a3{
font-size:70px;
color:blue;
text-decoration:underline;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
</head>
<body id="body1">
<span> Text ohne Formatierung</span><br>
<span id="a1">Das ist Text 1 und grün</span><br>
<span id="a2">Text der rot ist</span><br>
<span id="a3">Text der Blau und groß ist</span><br>
<p>Hier noch ein Bischen bla Text. <br>Klicke auf Text Kopieren und füge
den Text der im Speicher ist mal bei word ein ob er da so übernommen wird</p>
<a class="copy-text" data-clipboard-target="#body1" href="#">Text Kopieren</a>
</body>
<script>
$(function(){
new Clipboard('.copy-text');
});
</script>
</html>