Shift position of code sample filename and click-to-copy icon

[tiwudickson]

Hey there I was reading the documentations and some how I find the text does not look properly aligned and wasn't looking good at all. I am attaching the screenshot for better understanding

as you can see in the shared screenshot the deployment.yaml is aligned in right but it should be aligned in left

[k8s-ci-robot]

This issue is currently awaiting triage.

SIG Docs takes a lead on issue triage for this website, but any Kubernetes member can accept issues by applying the triage/accepted label.

The triage/accepted label can be added by org members by writing /triage accepted in a comment.

Instructions for interacting with me using PR comments are available [here](https://git.k8s.io/community/contributors/guide/pull-requests.md). If you have questions or suggestions related to my behavior, please file an issue against the [kubernetes-sigs/prow](https://github.com/kubernetes-sigs/prow/issues/new?title=Prow%20issue:) repository.

[utkarsh-singh1]

Page -> https://kubernetes.io/docs/tutorials/stateless-application/guestbook/#:~:text=Example:%20Deploying%20PHP%20Guestbook

/language en

[utkarsh-singh1]

@tiwudickson, I don't think this alignment is available only on this page, it is available across all of the example across all of the k8s docs.

[utkarsh-singh1]

Also, Changing the position of title from right to left alignment is a discussion among the kubernetes docs community, after it can be changed or not.

[sftim]

The filename being aligned top right doesn't seem like a bug to me. If it stands out: that could even be a good thing.

How is it a problem for readers, in your opinion, @tiwudickson?

/retitle Shift position of code sample filename and click-to-copy icon /kind feature /area web-development