Title: Float
Course: eTapas 2014/15

Q: Sie wollen via CSS realisieren, dass alle Absätze mit der Klasse "article" ein Bild beinhalten können, welches in der rechten oberen Ecke platziert sein soll und keinesfalls den Text innerhalb des Absatzes überdecken darf.

Diese Absätze sollen außerdem Blocksatz benutzen und einen Innenabstand von 5 Pixel einhalten.

Vervollständigen Sie die untenstehenden HTML-Seite, sodass Sie diesen Effekt erzielen:

<html>

<head>

<title>Eine Seite</title>

<style type="text/css">

[...] {

/* Hier formatieren wir den Absatz */

text-align: justify;

[...]

}

[...] {

/* Hier setzen wir das Bild nach rechts oben */

[...]

}

</style>

</head>

<body>

<p [...]="article">

<img src="ein_bild.jpg" alt="Das ist ein Bild" />

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

</p>

</body>

</html>
A: .article / p.article / *.article; padding: 5px; / padding:5px;; .article img / p.article img; float: right; / float:right;; class

Q: Sie wollen auf einer Webseite eine horizontale Liste für ein Navigationsmenü realisieren. Welche der folgenden CSS-Eigenschaften wenden Sie auf die li-Elemente an?
- float: left;
- list-style-type: none;
- z-index: 1;
- position: fixed;
- top: 20px; left: 20px;
- top: 40px; left: 20px;
A: float: left;; list-style-type: none;