/    Sign up×
Community /Pin to ProfileBookmark

Align Text to Right

Hi
How to align text to the right side of website and the image should be at left side
of the website. And please tell me how to add image in this Community Website

FionaObed

to post a comment
CSSHTMLJavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@SempervivumApr 21.2021 — This can be done easily by flex layout:
``<i>
</i>&lt;figure&gt;
&lt;img src="your-image.src"&gt;
&lt;figcaption&gt;
Your text related to the image
&lt;/figcaption&gt;
&lt;/figure&gt;<i>
</i>
`</CODE>
<CODE>
`<i>
</i>figure {
display: flex;
justify-content: space-between;
}<i>
</i>
``

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Copy linkTweet thisAlerts:
@VITSUSAApr 21.2021 — @FionaObed#1630646

div.a {

text-align: center;

}

div.b {

text-align: left;

}

div.c {

text-align: right;

}

div.c {

text-align: justify;

}
Copy linkTweet thisAlerts:
@jubileoooMay 16.2021 — @Sempervivum#1630649 display flex or grid. Both work.
×

Success!

Help @FionaObed spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 3.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,

tipper: Anonymous,
tipped: article
amount: 10 SATS,
)...