PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Question By
Unsolved
steve-higham

Nov 13th, 2019 03:35 PM

Hello

I have the following in my CSS:

.heading { margin: 1.67em auto 0; font-family: Signika, sans-serif; font-size: 3em; color: #5A5F65; text-align: left; }

With the above, the text is set right against the left margin. How can I change the margin prop-erties, please, so that there is a gap of, say, 150px between the margin and the text?

Thanks!

harooncode

Nov 25th, 2019 02:24 PM

Hi Steve,

what code will you use? I have solved your problem. You need to follow this.

body{ background-color: rgba(195, 194, 196, 0.92); }

p{ background-color: aliceblue; width: 800px; margin-left: auto; margin-right: auto; padding: 10px; }

h1 { color: greenyellow; font-size: 100px; font-family: lobster, sans-serif; text-align: center;
}

h3 { margin-left: 10px; color: blue; text-align: center; }