/    Sign up×
Community /Pin to ProfileBookmark

How to justify to the left?

Copy linkTweet thisAlerts:
Mar 03.2020

Lets take an example webpage:

https://www.thewindowsclub.com/windows-task-scheduler-not-running

How can I (by modifying the CSS code after loading) justify all images of the main article to the left?
As you can see they are currently centered.

Peter

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@ib_mintMar 03.2020 — Hi @pstein,

All images of the above-mentioned webpage have **aligncenter** class:

<img class="aligncenter"...>.

The CSS syntax of **aligncenter** is:
``<i>
</i>.aligncenter {
display: block;
margin: 7px auto 7px auto;
}<i>
</i>`</CODE>
Change <C>margin: 7px auto 7px auto;</C> to: <C>margin: 7px 0;`.
Copy linkTweet thisAlerts:
@hakiliMar 04.2020 — <img style="float: right;" alt="" src="http://example.com/image.png" /> <div style="clear: right"> ...text... </div>

Links removed by Site Staff so it doesn't look like you're spamming us. Please don't post them again.
Copy linkTweet thisAlerts:
@InsertWeirdnameMar 04.2020 — You could use flex. (parent div)

display: flex

align-items: center/right/left

justify-content: left/right:center etc
Copy linkTweet thisAlerts:
@siddhi_patelMar 05.2020 — The align attribute of <img> is not supported in HTML5. Use CSS instead. For the image to align middle, top, or bottom use the CSS property vertical-align. For the image to align left or right use the CSS property float.
Copy linkTweet thisAlerts:
@VITSUSAMar 05.2020 — I agree with InsertWeirdname, this is a good method to justify <img> to the left.
×

Success!

Help @pstein 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 6.16,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...