Je n'arrive pas à faire flotter #sitedescription vers la gauche, il apparaît donc sous #title-link sur ce site.

.header #logo {position: relative; width: 90px; float: left;}
.header #title-link {position: relative; height: 20px; width: 200px; margin-bottom: 11px; float: left;}
.header #sitedescription {position: relative; height: 14px; width: 200px; float: left;}
.header #sitedescription h2 {position: relative; font-size: 11px; color: #622C82;}

<div class="logo">
    <div id="logo"><a href="/"><img id="header-logo" src="/wp-content/themes/madhatmedia/images/header-logo.png" data-pin-nopin="true"></a></div>
    <div id="title-link"><a href="/"><h1 class="title">Mad Hat Media</h1></a></div>
    <div id="sitedescription"><h2>Marketing Agency Fremantle</h2></div>
</div>

L'en-tête doit ressembler à ceci: entrez la description de l'image ici

Aide appréciée.

css
0
Steve 16 janv. 2017 à 07:13

2 réponses

Meilleure réponse

capture d'écran mise à jour La suppression du flottant à gauche de .header #sitedescription l'ajoutera sous le titre.

.header #sitedescription {position: relative; height: 14px; width: 300px;}
0
Ponmudi VN 16 janv. 2017 à 04:20

Salut pouvez-vous le préciser: à la fois comme code ci-dessous (ajoutez ce code supplémentaire dans cette classe) et augmentez la taille de la police comme vous le souhaitez

.header #sitedescription {
position: relative;
height: 14px;
width: 300px;
display: block;
clear: right;
left: -27px;
}

Demo

Merci

0
user6864832user6864832 16 janv. 2017 à 04:17