?
Solved

Span top-margin no effect

Posted on 2007-08-11
2
Medium Priority
?
600 Views
Last Modified: 2013-11-05
Hi,

check here with firefox please :

http://matthew16.free.fr/temp2


I want to align the text
"Mail échoué. Excusez-nous........."
with the menu.

I have put this text in a span with margin-top inside a div, but the top margin of the span has no effect.

(I cannot change this structure, actually I load ajax into the div, so I had to make a span inside the div with top margin)

Thank you for any help.


[...]    <div id="contentwide"><span style="margin-top: 20px;">Mail échoué.<br>     [...]
0
Comment
Question by:matthew016
2 Comments
 
LVL 30

Accepted Solution

by:
Mark Steggles earned 2000 total points
ID: 19677331
Hi Matthew,

You cannot give an inline element vertical margin/padding... either change it to a p tag, or you can add display:block to the span

CHeers
Steggs
0
 
LVL 9

Author Comment

by:matthew016
ID: 19677471
perfect
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month14 days, 21 hours left to enroll

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question