SyntaxFix

[css] Using margin / padding to space <span> from the rest of the <p>

JSFiddle

HTML:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa omnis obcaecati dolore reprehenderit praesentium. Nisi eius deleniti voluptates quis esse deserunt magni eum commodi nostrum facere pariatur sed eos voluptatum?

</p><span class="small-text">George Nelson 1955</span>

CSS:

p       {font-size:24px; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;}
p span  {font-size:16px; font-style: italic; margin-top:50px;}

.small-text{
font-size: 12px;
font-style: italic;
}

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to margin

• Can we define min-margin and max-margin, max-padding and min-padding in css? • Does bootstrap have builtin padding and margin classes? • Removing body margin in CSS • How do I force a vertical scrollbar to appear? • How to adjust gutter in Bootstrap 3 grid system? • How to disable margin-collapsing? • Why is there an unexplainable gap between these inline-block div elements? • Remove "whitespace" between div element • Remove all padding and margin table HTML and CSS • Using margin / padding to space <span> from the rest of the <p>

Examples related to padding

• Can we define min-margin and max-margin, max-padding and min-padding in css? • Does bootstrap have builtin padding and margin classes? • Adding space/padding to a UILabel • How to adjust gutter in Bootstrap 3 grid system? • Why is there an unexplainable gap between these inline-block div elements? • How to increase the distance between table columns in HTML? • Absolute positioning ignoring padding of parent • Remove all padding and margin table HTML and CSS • Style the first <td> column of a table differently • Using margin / padding to space <span> from the rest of the <p>

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment