Quick move the svg picture | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

Quick move the svg picture

Hi friends! Tell me pls, how i can move smiley to the right (to the center) ? Only changing whole code of svg, or it is some quick solution? https://code.sololearn.com/WGILE9x4xi6O/#css https://code.sololearn.com/WGILE9x4xi6O/#html

26th Apr 2018, 8:21 AM
Arthur P
Arthur P - avatar
4 Answers
+ 7
svg{ margin-left:100px; }
26th Apr 2018, 8:56 AM
Morpheus
Morpheus - avatar
+ 3
thanks Olga
26th Apr 2018, 10:13 AM
Arthur P
Arthur P - avatar
+ 2
thank you sir!
26th Apr 2018, 8:58 AM
Arthur P
Arthur P - avatar
+ 2
@Max Rubs To position svg in the middle on a screen of any size HTML <div class="svgcenter"> <svg width="310" height="290"> <ellipse rx="75" ry="20" cx="150" cy="270" fill="lightgray"/> <circle r="120" cx="150" cy="150" fill="gold"/> <circle r="50" cx="100" cy="120" fill="white"/> <circle r="50" cx="170" cy="120" fill="white"/> <circle r="10" cx="170" cy="120" /> <circle r="10" cx="100" cy="120" /> <ellipse rx="10" ry="20" cx="135" cy="210" fill="crimson"/> </svg> </div> CSS .svgcenter { display: flex; justify-content: center; }
26th Apr 2018, 10:08 AM
Olga